dboard

100%

✓ Published0🌍 Public

Last edited Oct 10, 2022

Created on Oct 3, 2022

dboard presents a sales dashboard for a US superstore dataset, displaying four coordinated visualizations: a pie chart of sub-category sales, a bar chart of category sales, a scatter plot of sales over time, and a geographic map of sales by state. Built with React and D3 v6, it renders SVG elements with animated transitions between views, using `d3.pie`, `d3.arc`, `d3.scaleBand`, `d3.scaleTime`, and `d3.geoAlbersUsa` with `d3.geoPath`. Tooltips on hover reveal customer and product details.

AI-generated description

A bare minimum HTML page demonstrating use of CSS and JavaScript.

Similar vizzes

Loading thumbnail…

dboard

This dashboard presents a multi-panel visualization of Superstore sales data, showing a US map, bar chart, scatter plot, and pie chart. It uses D3.js v6 with SVG rendering and animations. The scatter plot maps product sales over time, colored by sub-category, while the pie chart displays sales distribution by sub-category with interactive tooltips. The visualization loads GeoJSON for the US map and CSV data for all charts, using `d3.geoPath` for the map and `d3.pie` for the donut chart.

PPLD3508A

92% match

Loading thumbnail…

dboard

This dashboard displays sales data from the Superstore dataset across four synchronized views: a pie chart of sub-category sales, a bar chart for category totals, a scatter plot of individual orders by date and sales amount, and a geographic map of US regions. The visualization uses D3 v6 with `d3.pie`, `d3.arc`, `d3.scaleBand`, `d3.scaleTime`, and `d3.geoAlbersUsa` for the map projection. Data is loaded from a CSV file, and interactive tooltips appear on hover. SVG rendering with transitions updates the charts when data changes, while Moment.js parses date strings for the time axis.

TToky R

92% match

Loading thumbnail…

dboard

The dashboard displays four synchronized visualizations of retail sales data from a CSV file: a US map with geographic projections, a bar chart, a scatter plot, and a pie chart. Built with Vue and D3 v6, it uses `d3.geoAlbersUsa` and `d3.geoPath` for the map, `d3.pie` and `d3.arc` for the pie, and `d3.scaleTime` for the scatter plot. All charts feature animated transitions and interactive tooltips showing customer and product details.

Ffkara09

91% match

Loading thumbnail…

dboard

The dashboard presents a multi-panel overview of sales data from a CSV file, showing a US map of state-level sales, a bar chart, a scatter plot, and a sub-category pie chart. It uses D3 v6 and Moment.js to parse dates, with SVG rendering and animated transitions for axes. The map is generated via `d3.geoPath` with a GeoAlbersUsa projection and a linear color scale, while the pie chart uses `d3.pie` and `d3.arc`. Tooltips display values on hover.

TTimothyMiage

91% match

Loading thumbnail…

dboard

This dashboard displays a sales dataset across four synchronized visualizations: a scatter plot of sales over time, a bar chart of sales by sub-category, a geographic map of US sales, and a pie chart of sub-category proportions. Built with Vue, it uses D3 v6 APIs like `d3.scaleBand`, `d3.pie`, `d3.geoAlbersUsa`, and `d3.geoPath`, with data loaded via `d3.csv` from a local CSV file. Animations use `transition` calls, and all charts render as SVG.

JJuliette

91% match

Loading thumbnail…

dboard

This dashboard presents a multi-panel view of sales data from a CSV file, showing sales by category in a bar chart, a geographical map of the US, a time series scatter plot, and a donut chart of sub-category sales. The bar chart is interactive; clicking a category filters the accompanying charts and updates the donut chart, which is rendered using `d3.pie()`. The code employs D3 v6 functions like `d3.rollup` for data aggregation and `d3.axisBottom` for axes. Visual elements are drawn as SVG primitives, with interactions driven by mouse events and tooltips.

IIndira120

89% 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

88% 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

87% match