Charts are good for condensing data points into a Visualization. Learn how to make them here
Visualizations make your data come to life! You can create Visualizations from any results of a query.
Graphs are great for condensing data points into a Visualization.
With Dune, you can create the following types of graphs:
You can mix all of these graph types together in one Visualization, as long as your base graph isn’t a Pie chart.
All graph Visualizations share a common set of editing options, see the tabs below for how to configure each.
This section allows you to define how to display your data.
Title
Show chart legend
Enable stacking
Normalize to percentage data
Show data labels
This section allows you to define how to display your data.
Title
Show chart legend
Enable stacking
Normalize to percentage data
Show data labels
Here you can pick the data points that are to be displayed.
You can choose one x-axis and multiple y-axis.
Alternatively, you can also choose one data series on the y-axis and choose to group it by a different column of your table (as shown in the example above).
Using these options you can influence how your x-axis data gets displayed.
Axis title
Sort Values
Reverse value
Logarithmic
With these options you can influence how your x-axis data gets displayed.
Axis title
Logarithmic
Enable right y-axis
In this section of the Visualization editor you can finalize your graph.
Picking Colors
You can pick colors with your browser native color selector.
This might look slightly different for you depending on which browser you use.
Label format
Tick formats change how numeric values and axis labels in your graphs are displayed.
Here’s how to format them:
Starting Value | Tick/Label format | Output | Description |
---|---|---|---|
1256784.3745 | [blank] | 1256784.3745000 | Displays the number 7 decimal precision. |
1256784.3745 | 0 | 1256784 | Displays only the integer. |
1256784.3745 | 0,0 | 1,256,784 | Only displays the integer with comma separation. |
1256784.3745 | 0,0.00 | 1,256,784.38 | Displays the number with [x] decimal precision, where [x] is the number of 0 you add after the decimal point. |
1256784.3745 | 0.0a | 1.2M | Displays the number with [x] precision and a letter based on the number’s 1e[y] power (eg “m” for million, “b” for billion) |
1256784.3745 | $0.0a | $1.2M | Adds a ”$” to the number. Works with all formats above though use of the a suffix is recommended. Currently the only ”$” is the only supported currency symbol. |
Charts are good for condensing data points into a Visualization. Learn how to make them here
Visualizations make your data come to life! You can create Visualizations from any results of a query.
Graphs are great for condensing data points into a Visualization.
With Dune, you can create the following types of graphs:
You can mix all of these graph types together in one Visualization, as long as your base graph isn’t a Pie chart.
All graph Visualizations share a common set of editing options, see the tabs below for how to configure each.
This section allows you to define how to display your data.
Title
Show chart legend
Enable stacking
Normalize to percentage data
Show data labels
This section allows you to define how to display your data.
Title
Show chart legend
Enable stacking
Normalize to percentage data
Show data labels
Here you can pick the data points that are to be displayed.
You can choose one x-axis and multiple y-axis.
Alternatively, you can also choose one data series on the y-axis and choose to group it by a different column of your table (as shown in the example above).
Using these options you can influence how your x-axis data gets displayed.
Axis title
Sort Values
Reverse value
Logarithmic
With these options you can influence how your x-axis data gets displayed.
Axis title
Logarithmic
Enable right y-axis
In this section of the Visualization editor you can finalize your graph.
Picking Colors
You can pick colors with your browser native color selector.
This might look slightly different for you depending on which browser you use.
Label format
Tick formats change how numeric values and axis labels in your graphs are displayed.
Here’s how to format them:
Starting Value | Tick/Label format | Output | Description |
---|---|---|---|
1256784.3745 | [blank] | 1256784.3745000 | Displays the number 7 decimal precision. |
1256784.3745 | 0 | 1256784 | Displays only the integer. |
1256784.3745 | 0,0 | 1,256,784 | Only displays the integer with comma separation. |
1256784.3745 | 0,0.00 | 1,256,784.38 | Displays the number with [x] decimal precision, where [x] is the number of 0 you add after the decimal point. |
1256784.3745 | 0.0a | 1.2M | Displays the number with [x] precision and a letter based on the number’s 1e[y] power (eg “m” for million, “b” for billion) |
1256784.3745 | $0.0a | $1.2M | Adds a ”$” to the number. Works with all formats above though use of the a suffix is recommended. Currently the only ”$” is the only supported currency symbol. |