D3 Playground

A place for me to experiment and learn working with D3.

Usage

• Activate the virtual environment set up

• Run the main python script using the command python app.py. This boots up the flask server.

• Open app.py to see the templates/html pages defined and try them

• To see the main d3 graph, open the link http://localhost:5055/d3_network_json

Useful Links

https://bocoup.com/blog/d3js-and-canvas

https://hub.packtpub.com/using-canvas-and-d3/

http://elijahmeeks.com/networkviz/

https://flowingdata.com/2012/08/02/how-to-make-an-interactive-network-visualization/

https://towardsdatascience.com/leverage-on-d3-js-v4-to-build-a-network-graph-for-tableau-with-ease-cc274cba69ce

https://www.d3-graph-gallery.com/graph/custom_color.html

Canvas

https://www.freecodecamp.org/news/d3-and-canvas-in-3-steps-8505c8b27444/

color nodes based on something

https://jsfiddle.net/mdml/vm56cgz1/

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

https://www.carlosrendon.me/unfinished_d3_book/d3_attr.html

https://www.d3indepth.com/selections/

Double Click

https://bl.ocks.org/d3noob/8043434

Arrow head

http://bl.ocks.org/fancellu/2c782394602a93921faff74e594d1bb1

Smooth Transitions

https://bl.ocks.org/benoitguigal/e11a791079318b7ff6ecde9a6464801d