Linked Highlighting with React, D3.js and Reflux

Linked highlighting as done on Buckets NBA Shot Visualization
The final result of this example

Getting Started

$ yo react-webpack
$ grunt serve

Drawing Basic Charts with React and D3

$ yo react-webpack:component LineChart --es6
$ yo react-webpack:component RadialHeatmap --es6
LineChart draws a simple line of the data
RadialHeatmap draws a static radial heatmap of the data

Adding in Linked Highlighting

$ yo react-webpack:action chart --es6
$ yo react-webpack:store chart --es6

So, what’s actually happening?

Where do we go from here?



Director of Engineering and Design @Cortico. I enjoy data vis, javascript, generative art, and user experience design.

Love podcasts or audiobooks? Learn on the go with our new app.

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store