2D Charts

This shows examples of LinePlot, AreaChart, ScatterPlot, Path, and BumpChart.

Two-Dimensional Plots




Line Chart

A linechart. There are optional controls to change the variables on the x and or y axis. It is also possible to change the faceting, the grouping variable, the aggregation variable (if there are multiple y values per x value) as well as filters. See here for LineChart examples

Plot Attributes

Axes

Facets

0.4 (0.25 - 2.5)

Data: sales_data.parquet




Area Chart

Stacked Trends. See here for AreaChart examples

Filters

Plot Attributes

Axes

Facets

0.4 (0.25 - 2.5)

Data: sales_data.parquet




Scatter Plot

Scatter plots show x vs y. There is a density colouring that can be applied or not depending on a slider. In addition the marginal distributions appear on the edges of the plot in cases when you do not apply faceting. See here for ScatterPlot examples

Plot Attributes

Axes

Facets

1.0 (0.25 - 2.5)

Data: sales_data.parquet




Path Chart

A Path chart shows trajectories through metric space over time. This example uses business data (Sales/Cost/Profit by Product/Region/Segment over 12 months) - the same dataset that will be used later in the Slides examples. Each path traces how a product's metrics evolve month-by-month. By default, it shows the North region and Consumer segment, with paths colored by Product. Use the filters to explore different regions and segments. The arrows and alpha gradient show the direction of time progression. See here for Path examples

Filters

Plot Attributes

Axes

0.4 (0.25 - 2.5)

Data: business_path_data.parquet




Product Rankings Over Time

A BumpChart shows how entities rank over time based on different performance metrics. See here for BumpChart examples

Filters

Plot Attributes

Performance Metric

Facets

0.3 (0.25 - 2.5)

Data: rankings_data.parquet


This page was created using JSPlots.jl v0.4.1.