DISCLAIMER: This tool is built and maintained by the Rotor Design Team, and was built for the sole purpose of getting real data backed charts into designs. This tool is built with ECharts.
Height & Width
Height and Width must be selected prior to rendering your chart. If you need to change these settings after rendering your chart, you will need to refresh your page and begin setting the properties again.
Rotor offers 3 color mode variations ( ○ Light, ● Gray 900, ● Dark). The mode can be changed at any time, but you will need to re-render your chart in order to apply all of the changes.
Rotor offers 4 options for rendering a grid in your chart (Full, Horizontal, Vertical, and None). The usage of each will depend on your given context, the granualarity of data presentation needed, and the type of data being presented.
Rotor offers 3 main color palettes (General, Brand, and Graduated Brand). The Graduated Brand Palette is offered in 5 accent colors. Please refer to the Rotor Charts Documentation for advice on color usage, and for help in determining which color palette is most appropriate for your application. The color palette can be changed at any time, but you will need to re-render your chart in order to apply all of the changes.
This tool currently offers 12 chart types (Line, Column, Stacked Column, Column + Line, Bar, Stacked Bar, Area, Stacked Area, Scatter Plot, Pie, Donut, and Thin Donut). The Rotor team will be adding new chart types to this tool over time, so stay tuned for updates.
This tool comes prepopulated with a few data sets. You can edit these data sets as you see fit. As long as you keep the formatting the same, the charts should be able to accomodate more or less data points. The first set of 'Categories' correspond to each sequential value in each data set. You must have the same number of 'Categories' as unique data points in any given data set. Having more data points than 'Categories' will cause data to be drawn outside the bounds of the chart, and having fewer data points than 'Categories' will cause a blank spot in your chart. Play with the values and see how the chart changes to develop a deeper understanding of what is possible.