2021-11-04: Lesson 03

Find the slides in paul.zhdk.ch. (After the lesson).

Links

• SVG MDN: https://developer.mozilla.org/en-US/docs/Web/SVG
• https://www.d3-graph-gallery.com/intro_d3js.html#data
• D3 Docs/API: https://github.com/d3/d3/blob/main/API.md
• Examples: https://observablehq.com/
• respectively: https://observablehq.com/@d3/
• https://observablehq.com/@d3/streamgraph-transitions
• Native Multitouch: https://developer.mozilla.org/en-US/docs/Web/API/Touch_events/Multi-touch_interaction
• Hammer JS
• NGROK
• Debug Safari iOs: https://www.browserstack.com/guide/how-to-debug-on-iphone

d3 examples

Discussed in lesson

• Find the code to download here -> "simple-d3".
• Also download examples -> "simple-d3-sky".

Additional

If you are interested how a city-data example could be implemented with d3 check out: Display data with d3 -> "display-data-d3".

hammerjs: Touch gestures

• Basic event detection: examples -> "hammerjs".
• Example showing hammerjs showing a knob: examples -> "hammerjs-data".