Skip to main content
SimilarExport ZIP
100%

dboard

✓ Published0🌍 Public
PPLD3508A
Last edited Oct 10, 2022
Created on Oct 3, 2022
Forked from Hello VizHub

The dashboard displays four interactive charts—a bar chart, line chart, scatter plot, and pie chart—built from a Superstore sales dataset. It visualizes metrics like sales by category, order trends over time, and product performance. The visualization uses D3.js v5 for data binding and SVG rendering, with Moment.js for date parsing. A tooltip appears on hover to show detailed values, driven by D3 event handlers. The layout is managed through a CSS grid, and the code imports the `select` function from D3 to manipulate the DOM.

AI-generated description

An example showing the capabilities of VizHub:

  • Loads D3 via UNPKG.
  • Demonstrates use of import from "d3".
  • Demonstrates use of import from local ES6 modules.
MIT Licensed

Similar vizzes

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

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

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

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
90% match
Loading thumbnail…

dboard

The dashboard displays sales order data from a CSV file across four grid-based plots, using D3 v5 (d3.select, d3.csv) to load and render SVG charts. Each plot is placed in a separate container with a shared margin, and a tooltip is included for interactions. The Vue framework is also integrated, though the code shown relies on D3's data-binding and SVG rendering to visualize the dataset.

AAnissa Belkelfa
90% 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
90% 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
90% match