Package Exports

recharts
recharts/es6/cartesian/CartesianGrid
recharts/es6/cartesian/Line
recharts/es6/cartesian/XAxis
recharts/es6/cartesian/YAxis
recharts/es6/chart/LineChart
recharts/es6/component/Legend
recharts/es6/component/ResponsiveContainer
recharts/es6/component/Tooltip
recharts/lib/cartesian/Area
recharts/lib/cartesian/Area.js
recharts/lib/cartesian/Bar
recharts/lib/cartesian/Bar.js
recharts/lib/cartesian/Brush
recharts/lib/cartesian/CartesianAxis
recharts/lib/cartesian/CartesianGrid
recharts/lib/cartesian/CartesianGrid.js
recharts/lib/cartesian/Line
recharts/lib/cartesian/ReferenceDot
recharts/lib/cartesian/ReferenceLine
recharts/lib/cartesian/Scatter
recharts/lib/cartesian/Scatter.js
recharts/lib/cartesian/XAxis
recharts/lib/cartesian/XAxis.js
recharts/lib/cartesian/YAxis
recharts/lib/cartesian/YAxis.js
recharts/lib/cartesian/ZAxis
recharts/lib/chart/AreaChart
recharts/lib/chart/AreaChart.js
recharts/lib/chart/BarChart
recharts/lib/chart/BarChart.js
recharts/lib/chart/ComposedChart
recharts/lib/chart/LineChart
recharts/lib/chart/PieChart
recharts/lib/chart/RadarChart
recharts/lib/chart/RadialBarChart
recharts/lib/chart/ScatterChart
recharts/lib/chart/ScatterChart.js
recharts/lib/chart/Treemap
recharts/lib/component/Cell
recharts/lib/component/DefaultTooltipContent
recharts/lib/component/Legend
recharts/lib/component/ResponsiveContainer
recharts/lib/component/ResponsiveContainer.js
recharts/lib/component/Tooltip
recharts/lib/component/Tooltip.js
recharts/lib/container/Layer
recharts/lib/container/Surface
recharts/lib/polar/Pie
recharts/lib/polar/PolarAngleAxis
recharts/lib/polar/PolarGrid
recharts/lib/polar/PolarRadiusAxis
recharts/lib/polar/Radar
recharts/lib/polar/RadialBar
recharts/lib/polyfill.js
recharts/lib/shape/Dot.js
recharts/lib/shape/Rectangle.js
recharts/lib/util/DataUtils
recharts/lib/util/PolarUtils
recharts/lib/util/PureRender
recharts/lib/util/ReactUtils

This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (recharts) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.

Readme

Recharts

Intro

Recharts is a Redefined chart library built with React and D3.

The main purpose of this library is to help you to write charts in React applications without any pain. Main principles of Recharts are:

Simplely deploy with React components
Native SVG support, lightweight depend on some D3 submodules
Declarative components, components of chart are purely presentational

Roadmap

v1.0 release plan

Expected release: April 2016

Build babel-plugin-recharts (pack on required)
Great animation support
Good documentation
Cascade Chart
Wireless support
90% code test coverage

Examples

<LineChart
  width={400}
  height={400}
  data={data}
  margin={{ top: 5, right: 20, left: 10, bottom: 5 }}
>
  <XAxis dataKey="name" />
  <Tooltip />
  <CartesianGrid stroke="#f5f5f5" />
  <Line type="monotone" dataKey="uv" stroke="#ff7300" yAxisId={0} />
  <Line type="monotone" dataKey="pv" stroke="#387908" yAxisId={1} />
</LineChart>

All the components of Recharts is clearly separated. The lineChart is composed by x axis, tooltip, grid, and line items, and each of them is an independent React Component. The clear seperation and composition of components is one of the principle Recharts follow.

Contribution

We'd love ❤️ to hear what you think we should build. Please create a issue to write your usage or ideas.

We are looking for like-minded people who share the same idea about Recharts. The goal of this project is create more flexible charting library for React community.

License

MIT