Charting & Data Tables

Zing will automatically display the data in a way that makes sense for the data you selected. For instance, if you have time as field in your question, Zing will automatically plot time on the x-axis from low to high. You can easily change to an alternative visualization if you wish, and can re-order data points, as described below.

If a question does not have a visualization which can be displayed (e.g. a table of text fields), Zing will simply show a table of results. Custom queries (where you provide SQL instead of using Zing’s tap-to-query interface) will display results using a table.

Visualization Types

Zing offers a range of visualization types, which vary based on the number of fields (and field type) returned in your question’s answer:

• Bar
• Stacked Bar
• Stacked Bar 100%
• Stacked Line
• Line
• Data Table
• Horizontal Bar
• Area
• Scatter Plot
• Donut
• Map
• Funnel
• Big Numbers
• Combo chart

Toggle between chart types and data tables by tapping the upper right Chart Selection drop down

Tap on a data point in a chart to see a tooltip showing with the value of that data point and its category.

On iOS and Android, you can pinch-to-zoom into specific values or part of a graph.

Sorting

You can easily change the order values are displayed on the graph or data table.

To sort a graph, tap the x-axis and a ‘sort by’ controls will appear below your chart. You can sort by the x-axis, or y-axis from ascending or descending order.

To sort a data table, tap the field name and it toggle between unsorted, descending, and ascending.

Grouping and Totals

In Data Table mode you can optionally show the first value of a category (akin to a pivot table in Excel) by clicking ‘Group By’ and then turning on ‘Show Distinct Values’, organizing the subcategories within.

• For Sum, Count, and Count Distinct, you can optionally show subtotals for ‘Group By’ fields using the ‘Show Totals’ feature.

New Features:

• Window Size: Specify the window size to control the data scope within your tables. This lets you manage how many groups are displayed and consolidate less common values into an “other” category for better clarity.
• Grouping: By default, you’ll see 10 groups with 9 main groups and the rest categorized as “other.” You can change the number of groups by updating the value.
• ‘Partition By’: Enhanced support for the ‘partition by’ clause enables more efficient data partitioning and the ability to handle more complex calculations in calculated fields on the Y-axis when displaying charts.

Note: Filters now support up to 6 layers of nesting within filter groups. This feature is compatible with both natural language and visual query inputs.

Time Comparisons

You can easily change the order values are displayed on the graph or data table.

To add a time comparison to your chart or data table, simply:

1. Add a filter with a date/time field
   
2. Select the range you’d like to filter on:
   • After a date
   • Between two dates
   • Relative past dates (e.g. past 12 months, or previous 24 hours)
   • Relative future dates (e.g. next 24 hours, next two quarters)
   • Relative past to future dates (past 7 days to next 7 days)
3. Click ‘compare’ and specify either:
   • The previous period (For example, if you had March 15, 2023 - March 25th, 2023 the previous period comparison would be the *same duration (*10 days) ending on the start date of the period specified, in this case March 5 - March 15, 2023)
   • The year ago period (For example, if you had March 15, 2023 - March 25th, 2023 the previous period comparison would be the same days and month, but the previous year, in this case March 15, 2022 - March 25, 2022)

Relative dates into the future dates can be useful for looking at forecasts and having a ‘rolling’ period which always shows data relative to the time the question is run.

Drill Down into Specific Data

You can now tap to drill down and get deeper insight on specific data fields!

To see the “Drill Down” tooltip:

• On mobile, tap and long press on a data point on a graph, or simply tap on a cell on a Data Table.

• On web, simply click on a data point on a graph or a cell on a Data Table.

After clicking on the tooltip, you will be brought to the SwiftQuery editor, with axes or columns pre-populated to match those of the original graph or table, along with a filter applied based on the data selected.

For example, if I select a line in a Line Graph that represents the Region of San Francisco, CA, the SwiftQuery editor applies a filter with the condition of Region = San Francisco, CA along with the graph’s original axes.

If I select a cell in a Data Table which has the value of Berkeley, CA for Region, the SwiftQuery editor applies a filter with the condition of Region = Berkeley, CA along with all the columns in the original table.

From here, you can modify your query in the editor before running to dive deep into specific data!

Identify Other Data with the Same Values

You can also “zoom out” and identify other data that share the same value for a particular field or column.

To see the “Show Values” tooltip, it is the same mechanism as to see the “Drill Down” tooltip.

After clicking on the tooltip, a Data Table with all columns will be presented, along with rows of data with values matching the data point or cell that was selected.

For example, if I select a point in a time-series graph and run “Show Values”, I will be able to see a Data Table with all values at the specific time of the data point selected.

If I select a cell in a Data Table with the value of 70 for Homes Sold, a Data Table will be returned where I can all data for months where homes sold in a region equals to 70.

Time and Date Formatting

To change the time and date formatting, tap the x-axis or a table cell, and formatting options will appear in the bottom sheet. Tap on the “Date format” dropdown to choose your preferred formatting options. The options you see will match the time granularity of your question.

If you choose the “custom” option, you can construct a custom format with the following symbols:

You can use characters like ‘/’, ‘:’, ‘-’, ‘.’ directly, without enclosing them in single quotes.

Exporting Graphs and Data Tables

Save graphs to your phone’s photo gallery by tapping the three dots in the top right of the app and click ‘save to photo gallery’. You may need to grant Zing permissions to save files to your phone. These images will be saved as PNGs and can be accessed by other apps on your phone to make it easy to send charts and analysis in email, Slack, and to embed in documents from your mobile device. Easily drop these graphs into Slack, Microsoft Teams, Google Slides, Microsoft Powerpoint, Microsoft Word, or Google Docs.

Save tables to your phone by tapping the three dots in the top right of the app and click ‘save table as CSV’. You may need to grant Zing permissions to save files to your phone. This will provide a comma seperated values file which can be used in other apps on your phone such as email, Google Sheets, Microsoft Excel, and more.

Large Exports

By default, Zing shows you top results by limiting how many data points are shown in a graph or table preview – but gives you the full control to get all data as a CSV (even up to multiple gigabytes). We’ve tested it up to tens of millions of rows and 3 GB + files.
​​​​​

Get started with large exports:

1. Create a question
2. Save the question (large exports require the question to be saved first)
3. Tap the three dots in the upper right, the ‘Export to CSV’
4. The file will automatically download once the full query runs and the result is complete

Zing’s large export capability (more detail here) works with Clickhouse, Postgres, BigQuery, and other data sources. If you’d like it for other data sources, let us know.

Big Number Chart

Select the data you want to work with from ‘Data Source’ and start building:

1. Once you are in the chart builder select “Big Number” from the chart menu

2. Drag a field into the chart builder

3. Now you can see a big number, click formatting to fine tune the presentation

4. In the format sheet you can quickly add a your own custom target value, overwrite the field name, change font color and more!

5. Technically you are done, you have created a big number data viz!
   But there is more:

6. Add a filter to segment your data

7. Configure the filter with easy to use conditions

8. Run and save your visualization!
   
   

    

Calculate multiple percentiles on the Y-Axis

This feature allows users to gain deeper insights into their data distribution by displaying various percentile values along the vertical axis of a chart. This functionality is particularly useful in statistical analysis, where understanding the spread and distribution of data points is crucial. By plotting multiple percentiles, such as the 25th, 50th, and 75th, users can quickly identify trends, outliers, and the central tendency within their datasets. This feature enhances the ability to conduct comprehensive data analysis, providing a clearer picture of the data’s behavior and characteristics, and enabling more informed decision-making based on a detailed percentile analysis.

Define sort order for data series

To enhance the user experience and ensure viewers can quickly understand the visualization, our platform now lets you define the order series are displaed on a chart. Easily rearrange the segments within a bar charts using drag and drop functionality in the format panel. This added control allows for customized presentation of data, ensuring that the most relevant information is highlighted according to your preference.For instance, if you had data split by city, and always wanted to ensure that New York is shown at the bottom of a stacked bar chart, you could simply drag New York to reorder the series order and get the visualization perfect.

Intuitively sort table columns the fast way

Sorting columns server side significantly improves performance and speed, when dealing with large datasets. Instead of downloading and sorting the entire dataset on the user’s device, which can be resource-intensive and slow, or only locally sorting the partial data on the client, the server now handles the sorting logic and sends only the correctly sorted data to the client. This method ensures faster response times and a smoother user experience, as it minimizes the amount of data transmitted and reduces the processing load on the user’s device.

Stacked Bar 100%

A 100% stacked bar chart is a type of bar chart that shows the proportion of different categories within each bar, with each bar representing 100% of the total. This chart is useful for comparing the relative contributions of categories across different groups. To get started select “Stacked Bar 100%” from the data visualization menu, then drag fields to the X and Y axis and one more field to dimension.

Map: Control data clusters and zoom level

To effectively manage data clusters on a map, users can adjust zoom levels to control the display of data points. At the lowest zoom level ‘1’, all data points are visible, ensuring that no information is missed. As users increase the zoom to higher levels, up to ‘9’, data points begin to cluster, allowing for a more focused view of the map. This flexibility enables users to visualize broad trends at lower zoom levels or dive into specific areas of interest by clustering data at higher settings. To access this feature, click on the “Format” button while your visualization is in edit mode (see video).

Format: Y-Axis Range

Setting a range on a chart allows users to define the minimum and maximum values displayed on the y-axis, providing better control over the data’s visualization. You can define y-axis minimum and maximum values displayed on the a chart, or opt for Zing to automatically determine them based on the values in your data. By default Zing will automatically calculate them, and will start the y-axis at zero (unless there are negative values in the data, in which case it will include the minimum value present in the graph results).

1. Select ‘Format’ tab [1]
2. Go to ‘Range’ [2]
3. Switch between ‘Automatic’ (default) and ‘Manual’ as needed
4. If ‘Automatic’ is selected, you can choose to deselect ‘Include zero’ on your chart [3]. If zero is excluded, the chart will display values based solely on the available data from your data source.
5. If ‘Manual’ is selected, enter the desired start and end value [4] for your chart

Heatmaps & Conditional Formatting

Zing supports heatmap formatting on data tables – letting you see at a glance outlier values, and the the distribution of values. A heatmap represents data values in a table format, using varying colors to signify differences in intensity, frequency, or magnitude.

Get started

1. Select a data source
2. Select and drag data fields into a data table
3. Click on the paint icon on a numeric column and select to highlight background cells or values
4. To customize the colors of your heatmap go to format and switch to manual
5. Select your custom colors to build your heatmap. You can have coloring applied to the values or to the background, and Zing will automatically ensure that the text color is legible against light or dark dark background colors
6. Save your heatmap

Geo Heatmaps

A geo heatmap overlays data intensity onto a geographic map, using color to represent variations across locations. From hotspots of customer activity to cold zones of underperformance, geo heat maps make data trends instantly recognizable.

Get started

1. Select a data source that contains Latitude and Longitude for every location
2. Select and drag the Latitude and Longitude fields into the chart builder
3. Select and drag a field to separate the data by color (and size if your data supports it)
4. Save your chart
5. See your map with color coded data points and use the legend to quickly identify location based patterns

Funnel Charts

Funnel visualizations are a specialized chart type that visually represents a series of stages in a process. .

Get started

1. Ask a question with natural language, or select a table/view from data sources
2. Select “Funnel” from the chart menu
3. Select and drag a field to the Y-axis and X-axis to build your funnel
4. Select the format tab to fine tune your chart
5. On the “Chart” adjust sorting (sorted High » Low by default), turn the legend on/off or switch to a different if desired
6. Select the “Series” tab to further fine tune the appearance of your funnel such as neck height, neck width, and gap ratio. “Explode” adds a gap between the funnel steps.