D3.js

Aus Wikizone
Wechseln zu: Navigation, Suche

Datenvisualisierung interaktiv, Karten, Charts etc.

Links

https://d3-wiki.readthedocs.io
https://leanpub.com/D3-Tips-and-Tricks/read
http://techslides.com/over-1000-d3-js-examples-and-demos
https://christopheviau.com/d3list/gallery.html 
https://www.dashingd3js.com/svg-paths-and-d3js Gute Einführungen mit SVG Grundlagen
https://www.dashingd3js.com/

Basics

D3.js - Tipps und Tricks

Daten

D3.js - Data Handling Basics

Pie Charts & Doughnuts

https://bl.ocks.org/markarios/6b8b91e0c4ce77b4942659aace8d2d6c

Hierarchische Daten

Hierarchische Daten sind Daten die sich als Baumstruktur darstellen lassen. Für die Darstellung bieten sich Sunburst, Icicle, Treemaps, Tidy Tree, Radial Tidy Tree, Force Directed Tree... an

https://d3-wiki.readthedocs.io/zh_CN/master/Partition-Layout/
https://observablehq.com/collection/@d3/d3-hierarchy

Sunburst

https://bl.ocks.org/denjn5/e1cdbbe586ac31747b4a304f8f86efa5 - Sunburst Tutorial
https://codepen.io/kholja/pen/xxKgZVb Sunburst mit Tooltips (JSON Data)
https://bl.ocks.org/maybelinot/5552606564ef37b5de7e47ed2b7dc099 - zoomable sunburst v4
http://bl.ocks.org/hdngr/bb548a2b55e8a53f06ec - color zoomable sunburst

Tutorials

Interaktive Karten mit d3.js
https://www.tutorialsteacher.com/d3js/

Partition Sunburst

https://d3-wiki.readthedocs.io/zh_CN/master/Partition-Layout/ - allgemeine Infos / Einstieg
https://bl.ocks.org/maybelinot/5552606564ef37b5de7e47ed2b7dc099 - v4
https://bl.ocks.org/denjn5/e1cdbbe586ac31747b4a304f8f86efa5 - Davies Sunburst Tutorial v4
https://www.thegreatcodeadventure.com/d3-sunburst-diagram-tutorial/
https://bl.ocks.org/maybelinot/5552606564ef37b5de7e47ed2b7dc099 Zoomable Sunburst v4

classed vs. attr("class","foo")

https://benclinkinbeard.com/d3tips/attrclass-vs-classed/