d3act - d3 with React

added by bpwndaddy
8/20/2015 3:57:39 PM

1624 Views

d3 has been the de facto standard when it comes to data visualisations for a while now and React has recently emerged as the go-to library for building user interfaces. d3 and React are both data-centric libraries, making them a natural fit; d3 takes a data-driven approach and React aims to solve the problem of data changing over time in the context of building large applications. In recent months, there have been various approaches documented & implemented in order to showcase how to effectively use d3 and React together, especially with a focus on letting React do the SVG rendering: "D3 and React - the future of charting components?" by 10consulting "ReactJS and D3 Part I: Layouts" by Colin Megill "react-d3 by Eric S. Bullington" "react-d3-components by Neri Marschik" Nicolas Hery's "Integrating D3.js visualizations in a React app" talks about letting d3 do all the work after React has finished rendering components in the DOM. d3act is inspired by @nicolas_hery's approach; create a lightweight React component wrapper that maps React's lifecycle methods componentDidMount, componentDidUpdate and componentWillUnmount into a d3 chart's create, update and unmount methods respectively. d3act and the idea behind it was first presented at ReactEurope 2015 as a five minute lightning talk; you can watch it here.


0 comments