kktam / react-d3-barchart

A reusable D3 bar chart made for React v15

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

react-d3-barchart

Travis npm package Coveralls

react-d3-barchart is inspired by a very simple but yet well written barchart by Manning D3 in Action, Chapter 9.

https://github.com/emeeks/d3_in_action_2/tree/master/chapter9

This is a work in progress, and add bit by bit to add more features, and also a path for my learning with using D3 with React.

Mixing D3 with React is not trivial. There were more solutions out there for v0.1 but since v15 came out most of the solutions broke. The Manning solution is one of very few that actually worked for React v15 or above.

Release 1.0

  • use nwb to build UMD build for npm package.
  • hover and click event to parent
  • simplified passing of hover data, as compared to the Manning solution.
  • working on repackaging palette legend later for more options.

About

A reusable D3 bar chart made for React v15


Languages

Language:JavaScript 100.0%