Install react-d3-chart
using npm or yarn.
yarn add d3-react-chart
npm install d3-react-chart --save
React components can be viewed in storybook here
Provides a basic renderable axis whose location can be specified between left
, right
, top
and bottom
.
Creates a d3 line from the given coordinate points. Color can be set by passing a string hex value.
Renders a group of lines.
Provides an overivew of the graph contents and allows brushing to select a sub domain.
Attaches a vertical line that will provide the respective y value for each line in the graph for the given mouse position. Used for the cursor's intersection mode.
Adds the ability to brush the graph and fire a callback on the domain that was selected.
Wrapper component that handles render and switching between both cursor selection mode.
Renders buttons that will appropriately change cursor mode between selection and intersection on click.
Wrapper component that houses all of the components and functionalities mentioned above. This component is probably the one you will use and manipulate in your project.
API Documentation can be viewed here