D3.js: Unterschied zwischen den Versionen

Aus Wikizone
Wechseln zu: Navigation, Suche
Zeile 7: Zeile 7:
  
 
== Basics ==
 
== Basics ==
 +
=== Daten ===
 +
[[D3.js - Data Handling Basics]]
 +
 
=== Pie Charts & Doughnuts ===
 
=== Pie Charts & Doughnuts ===
 
  https://bl.ocks.org/markarios/6b8b91e0c4ce77b4942659aace8d2d6c
 
  https://bl.ocks.org/markarios/6b8b91e0c4ce77b4942659aace8d2d6c

Version vom 29. August 2019, 13:46 Uhr

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 

Basics

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/