Skip to main content
SimilarExport ZIP
100%

TD2

✓ Published0🌍 Public
SSeegson
Last edited Oct 10, 2022
Created on Oct 10, 2022
Forked from TP1_2

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.

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…

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

TD2

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

TP2

This example visualizes sales data from a CSV file using a bar chart rendered as SVG. It shows individual product IDs on the x-axis and their corresponding sales figures on the y-axis, with purple bars and axis labels. The visualization is built with D3 v5, using `csv`, `scaleBand`, `scaleLinear`, `axisLeft`, and `axisBottom` to load the data and construct the chart. A tooltip appears on mouseover, displaying the sales value for each bar.

SSeegson
84% match
Loading thumbnail…

TEST2 - TD2 - dboard

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.

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