TD2

100%

TD2 - dboard

✓ Published0🌍 Public

Last edited Dec 2, 2022

Created on Oct 3, 2022

Forked from 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.

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

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

90% match

Loading thumbnail…

This dashboard presents a multi-panel analysis of a sales dataset, visualizing data through a scatter plot, bar chart, donut chart, and a geographic map. It shows the relationship between order dates and sales figures, with points colored by sub-category to reveal trends. The code uses d3.csv to load data, d3.geoPath with a geoAlbersUsa projection to render U.S. states, and d3.pie for the donut chart. Interactive tooltips appear on hover, while transitions animate axis updates. The visualizations are rendered as SVG elements within a Vue framework.

EElodie31190

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

90% match

Loading thumbnail…

TD2 fork

This dashboard displays sales data from a CSV file across four SVG visualizations: a stacked bar chart of sales by sub-category and customer, a scatter plot of sales over time, a U.S. map, and a pie chart of sales by sub-category. Built with D3 v7 and Vue, it uses `d3.rollup`, `d3.stack`, `d3.scaleBand`, `d3.geoPath` with a `geoAlbersUsa` projection, and `d3.pie`/`d3.arc` for the charts. The map loads U.S. features from a remote GeoJSON URL.

Eemilienbf

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

86% match

Loading thumbnail…

TD2 new

This visualization presents a stacked bar chart that breaks down the number of orders by product category using the provided Superstore sales data. The chart displays three categories on the x-axis, with each bar segmented to show the proportions of different subgroups. Built with D3 v4 within a Vue framework, the code uses `d3.csv` to parse the data, `d3.stack()` to structure the stacked segments, and `d3.scaleBand` and `d3.scaleLinear` for positioning. The SVG output is rendered into a grid layout with four plot areas, though only the first plot is populated in this example.

GGinnWG

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

85% match