mischa-s / network-map

network-map

How to integrate React and D3?

• https://medium.com/@tibotiber/react-d3-js-balancing-performance-developer-experience-4da35f912484
• http://www.adeveloperdiary.com/react-js/integrate-react-and-d3/
• https://medium.com/front-end-hacking/if-and-when-to-use-d3-js-with-react-639a651c6257
• https://www.smashingmagazine.com/2018/02/react-d3-ecosystem/

React Maps Libaries:

• React simple maps: https://www.react-simple-maps.io/

Inspiration for WorldMap

• Click to Zoom: https://bl.ocks.org/mbostock/2206590
• (Wrong one.. not sure) Zoom on click and drag and drop: https://bl.ocks.org/piwodlaiwo/73f7a0e28c53d26c04f30a754de49085
• World Map Series of Examples: http://bl.ocks.org/micahstubbs/8e15870eb432a21f0bc4d3d527b2d14f

Inspiration for YIP Years Map:

• http://mbostock.github.io/d3/talk/20111116/force-collapsible.html

• Bubble collision detection: https://bl.ocks.org/mbostock/3231307

• Force directed graph: https://bl.ocks.org/mbostock/4062045

General:

• d3-Gallery: https://github.com/d3/d3/wiki/Gallery
• Color Threshold scale: https://bl.ocks.org/mbostock/4573883
• Github Markdown: https://guides.github.com/features/mastering-markdown/

Other inspiration:

• Nice bubble chart with word count: https://archive.nytimes.com/www.nytimes.com/interactive/2012/09/06/us/politics/convention-word-counts.html#liberty