TEST2 - TD2 - dboard

100%

TEST2 - TD2 - dboard

✓ Published0🌍 Public

Last edited Oct 10, 2022

Created on Oct 10, 2022

This dashboard displays a bar chart of sales totals plotted against product sub-categories, using a dataset of individual orders. Each bar's height reflects the sales value for its sub-category, with the SVG canvas also showing rotated category labels on a time-series axis. The visualization is rendered via Vue using D3 v5, parsing data from a CSV file. Tooltips appear on hover, displaying the category and sales value, while the chart is drawn with `d3.scaleBand` and `d3.scaleLinear` for the axes.

AI-generated description

MIT Licensed

Similar vizzes

Loading thumbnail…

TD2 - dboard - Version prof

This dashboard displays sales data from a CSV file across four coordinated visualizations. It shows a geographic map of state-level sales using `d3.geoAlbersUsa` and `d3.geoPath`, an animated bar chart, a time-series scatter plot, and a donut chart of sub-category sales. The bar and scatter plots use transitioned axes, while the pie chart uses `d3.pie` and `d3.arc`. Built with D3 v6 and Vue, it renders SVG with tooltip interactions on hover.

MMaeva B

86% match

Loading thumbnail…

TD2 - dboard

This dashboard visualizes Superstore sales data across four coordinated SVG plots. A donut chart displays sales by sub-category with hover tooltips, while a scatter plot maps order dates against sales amounts, colored by sub-category. Additional plots include a bar chart and a U.S. map using `d3.geoAlbersUsa` and `d3.geoPath`. Built with Vue and D3 v6, the visualization uses `d3.pie`, `d3.arc`, `d3.scaleTime`, and transitions to animate axes and marks. Data comes from the included `data.csv`, with customer and product details shown on mouseover.

LLauranJade

84% match

Loading thumbnail…

TD2

This visualization presents a multi-chart dashboard for exploring sales data from a CSV file. It shows a bar chart of total sales by product category, a scatter plot of individual sales over time, and additional panels, with interactive tooltips and click-to-filter behavior. The code uses D3.js v6 (via `d3.rollup`, `scaleBand`, `scaleTime`, and `axisBottom`), Moment.js for date parsing, and animated transitions to update charts with a 1000ms duration. Data is loaded from `data.csv`, and all charts are rendered as SVG elements.

SSeegson

83% match

Loading thumbnail…

dboard2

This interactive dashboard displays sales data through a bar chart, scatter plot, and donut chart. The bar chart aggregates sales by category, and clicking a bar filters the scatter plot and donut chart to show sub-category details. The scatter plot uses d3.scaleTime and d3.scaleLinear, while the donut chart uses d3.pie and d3.arc with an ordinal color scale. Data is loaded from a CSV using d3.csv, with SVG rendering and custom events for cross-filtering.

BBerangerIcart

83% match

Loading thumbnail…

dboard

This dashboard uses a Superstore sales dataset to display grouped bar charts of sales by sub-category. The visualization leverages D3 version 6 with the d3-array v2 module to group and stack data, rendering SVG bars with animations. The code uses `d3.group` to aggregate records and `d3.stack` for potential stacked series, with axes created via `d3.axisBottom` and `d3.axisLeft`. Moment.js assists with date handling, while the layout is built with a CSS grid containing four plot areas.

BBerangerIcart

82% match

Loading thumbnail…

TD2

This visualization presents a multi-panel dashboard for exploring sales data from a CSV file. It displays several distinct plots, likely including bar charts and other summaries, within a grid layout. The implementation uses D3 v5 to load the data and render SVG graphics, leveraging scales and axes for plotting. The page is built with Vue and uses Moment.js for any date parsing, with tooltips providing interactivity for detailed values.

AAdrien

82% match

Loading thumbnail…

dboard

This dashboard example, built with Vue and D3 v4, presents multiple data visualizations from a CSV file of sales records. The primary chart is a stacked bar chart that breaks down sales by product category, using a color-coded system to distinguish between subgroups. It imports specific D3 functions like `csv`, `scaleBand`, and `scaleLinear` to parse the data and construct the SVG-based charts. The interface uses a CSS grid to arrange four distinct visualization panels, with a tooltip element prepared for interactive data exploration.

BBaptisteJarry

82% match

Loading thumbnail…

dboard

The dashboard displays sales data from a CSV file, using a small multiple of four SVG plots to visualize metrics like order amounts by category, product, and region. The code leverages D3 version 6 to parse the data, scale axes, and render stacked bar charts, with a color palette distinguishing revenue segments. Tooltips are implemented via HTML elements, and the layout is managed through a CSS grid, while the chart dimensions and margins are explicitly defined in the JavaScript.

JJShellBach

82% match