React chart example
Line chart
Make trends and turning points easy to follow by connecting values in a meaningful sequence.
Options apply to compatible charts.
Synthetic sample data · 6 monthly revenue observations from January to June.
What is a line chart?
A line chart connects observations in order, making changes in a measure easy to follow. Time usually runs along the horizontal axis and the value sits on the vertical axis. The connected path directs attention to the pattern between observations: rises, falls, turning points and periods of stability.
When to use it
Use a line chart for revenue, product usage or response times recorded over a meaningful sequence. It is especially useful for following daily or weekly trends. With only a few quarterly or yearly totals, columns can make individual periods easier to compare. Use bars for independent categories such as products or departments.
Design tips
Keep dates in chronological order and make the reporting interval clear. Uneven time gaps should have proportionate spacing when elapsed time matters.
Use an annotation to explain a meaningful event, such as a launch. A line moving after an event does not, by itself, establish that the event caused the change.
Choose a scale that makes the variation legible without exaggerating it. If the baseline is not zero, make the axis range obvious.
Graphy Chart SDK
Add Graphy’s line charts to your React app.
Ship quickly with one maintained SDK, without building and maintaining the entire charting experience yourself.