Integrating React and D3
Details
During this meetup, we will see what D3.js (which stands for Data-Driven Documents) is and why it is a good fit for React.JS
We will implement an example of an interactive visualization using D3 together with React. During the walkthrough, we will use each library for what it is best at, this means following a simple rule: React owns the DOM while D3 calculates the properties.
After focusing on the global architecture of the implementation, we will design the React main component, load the dataset for the visualization, draw the chart, display the results, glue it together and finally make it pretty.
Finally, we will add interactivity to the visualization using user controls to allow slicing and dicing of the data.
