JavaScript Spreadsheet Charts and Data Visualization with SpreadJS Charts

Line Charts represent and visualize the time-dependent data to show the trends at equal intervals.

Allows you to plot multiple series in a single chart to compare different data sets. You can enable a legend and tooltip, which gives more information about the individual series.

Allows you to plot multiple series in a single chart to compare different data sets. Shows the relation between individual values to the whole, which is out of 100%.

Allows you to plot multiple series in a single chart to compare different data sets. Shows the relation between individual values to the whole, which is out of 100%.

Allows you to plot multiple series in a single chart to compare different data sets. Data markers are used to provide information about the data point to the user.

Allows you to plot multiple series in a single chart to compare different data sets. Shows the relation between individual values to the whole, which is out of 100%. Data markers are used to provide information about the data point to the user.

These types of charts are best used to represent stages in a sales process to show the amount of potential revenue in each stage. You could also show a flow of users through an email campaign starting with emails sent out, then how many of those were viewed, clicked, etc., with values typically decreasing at each level, resembling a funnel.

Data that's arranged in columns or rows on a worksheet can be plotted in a bar chart. Bar charts illustrate comparisons among individual items. The categories are typically organized along the vertical axis and the values along the horizontal axis.

Stacked Bar Chart uses bars to show comparisons between categories of data, but with the ability to break down and compare parts of a whole. Each bar in the chart represents a whole, and segments in the bar represent different parts or categories of that whole.

100% Stacked Bar Chart uses bars to show comparisons between categories of data, but with the ability to break down and compare parts represented as percentages of 100%. Each bar in the chart represents a whole, or a full 100%, and segments in the bar represent different parts or categories of that whole.

Radar Charts are for variables that show three or more dimensions. They can display the weight of each variable in the data set in a clear and visual way.

Similar to normal Radar Charts, Filled Radar Charts have an opaque fill to better visualize the data comparison and help highlight strengths as well as weaknesses.

Similar to normal Radar Charts as well, but Radar Charts with Markers have customizable endpoints at each vector to help highlight the visual comparison between several quantitative or qualitative aspects of a situation.

A waterfall chart displays running totals as values are added or subtracted. It helps understand how an initial value, like net income, is impacted by positive and negative values.

A custom waterfall chart goes beyond the standard representation, tailored to meet specific needs. This personalized version allows for enhanced features, such as the ability to display corresponding values by clicking on data column items, utilizing properties like showValue. The chart's appearance can be further customized through properties like backColor or fontSize.

A treemap chart is a chart that displays the hierarchical data as a set of nested rectangles organized in a tree-like structure in the worksheet. These rectangles can have different colors and sizes that correlate to the structure of the tree, showcasing how the various items related to the whole in the hierarchy. Useful for showing the amount of stock in a store's inventory or the organization of employees in a company.

The sunburst chart is ideal for displaying hierarchical data. Each level of the hierarchy is represented by one ring or circle with the innermost circle as the top of the hierarchy. A sunburst chart without any hierarchical data (one level of categories), looks similar to a doughnut chart. However, a sunburst chart with multiple levels of categories shows how the outer rings relate to the inner rings. The sunburst chart is most effective at showing how one ring is broken into its contributing pieces.

A combo chart combines two or more chart types in a single chart, making it easier for users to interpret and understand data. This chart is ideal when you want to visualize the different types of data that are entirely unrelated (for instance, price and volume) or when you need to plot one or more data series on the secondary axis.

Error Bars allow you to quickly display margins of error and standard deviations in your charts.

Custom Error Bars allow you to highlight margins of error and standard deviations in your charts, however, you can customize the bars to represent specific data variability and measurement accuracy exactly how you want.