
Bar chart race - Flourish
{ template: "@flourish/bar-chart-race", version: "17", bindings: { data: { label: 0, // index of a column in your data values: [1, 2, ...], // index(es) of column(s) in your data category: 3, // index of a column in your data image: 4, // index of a column in your data }, captions: { from: 0, // index of a column in your data to: 1, // index of ...
Bar chart race | Flourish
You need to make sure that there’s a row for each participant in the race – like a candidate or a football team. Use the first column to populate with the participants’ names. Each other column is a “stage” of the race – like a specific date, week or years.
Data Visualization & Storytelling - Flourish
Bar chart race. Bar chart race (with highlight) Bar chart race (with line chart) Column chart race. Images with captions. Unsorted. Without timeline. Show more. Show less. Hierarchy Hierarchical bars. Packed circles. Radial dendrogram. Radial tree. Sunburst. Treemap. Treemap with highlighting. Show more.
Bar chart race | Flourish
You need to make sure that there’s a row for each participant in the race – like a candidate or a football team. Use the first column to populate with the participants’ names. Each other column is a “stage” of the race – like a specific date, week or years.
Bar chart race | Flourish
You need to make sure that there’s a row for each participant in the race – like a candidate or a football team. Use the first column to populate with the participants’ names. Each other column is a “stage” of the race – like a specific date, week or years.
Bar chart race | Flourish
You need to make sure that there’s a row for each participant in the race – like a candidate or a football team. Use the first column to populate with the participants’ names. Each other column is a “stage” of the race – like a specific date, week or years.
Line chart race | Flourish
Choose between two modes: “Scores”, a line chart which plots the data’s raw values, and “Ranks”, a bump chart which plots rankings. How to get started. The first thing you need is a CSV or Excel file of your data. You need to make sure that there’s a row for each participant in the race – like a candidate or a football team.
Data Visualization & Storytelling - Flourish
Beautiful, easy data visualization and storytelling
Line chart race | Flourish
Choose between two modes: “Scores”, a line chart which plots the data’s raw values, and “Ranks”, a bump chart which plots rankings. How to get started The first thing you need is a CSV or Excel file of your data.
Line, bar and pie charts - Flourish
With a grid of line or bar charts, you can choose whether to have the same y axis for all the charts (good for comparing absolute numbers) or to have each chart set its own y-axis based on the data it contains (best for comparing the shape of each series).