Visualization with React

  • What I’ll try to do is to show how React can be used for visualization: hopefully, this will be useful both for people who come from d3 and who’ve never worked with a web framework before, and for people who are familiar with React but who don’t know visualization well.
  • There’s already many, many learning resources and tutorials for React.
  • React components , the most important concept in React and the building blocks of React applications.
  • The examples of parts 1-5 can be found on codepen .
  • I’ll add link to examples of part 6 and 7 when they go live.

Read the full article, click here.


@jcukier: “ICYMI – I wrote a series of articles on how to use @reactjs with visualization.”


In what seemed a lifetime ago now, I wrote tutorials to help people get started with Protovis as I learned it myself (it is indeed a lifetime away since Protovis is dead and buried for all intents and purposes). And a few years ago, I did the same for d3 as this started to become the most powerful visualization framework and for which documentation was still scarce. I wrote these tutorials to help me learn, but since then I have met many people who found them useful which blew my mind. By documenting my learning, I got noticed by Facebook and travelled 9000 miles to a new life.


Visualization with React