Skip to main content
SimilarExport ZIP
100%

TD2

✓ Published0🌍 Public
AAdrien
Last edited Oct 3, 2022
Created on Oct 3, 2022
Forked from dboard

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.

AI-generated description
MIT Licensed

Similar vizzes

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
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
87% 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…

TD2 - dboard

This dashboard displays four distinct D3.js v5 visualizations in a grid layout, each rendering data from untracked sources. It includes interactive plots that respond to user actions, with a tooltip showing values on hover. The code uses D3 selections and scales, along with Moment.js for date handling, to build the charts. A custom tooltip element appears dynamically, while the grid container organizes the plots responsively. The bundle.js file, built from an ES6 module, initializes all visualizations and manages the shared tooltip behavior across the four chart areas.

MMaeva B
84% match
Loading thumbnail…

TD2

This visualization displays four separate plots within a responsive grid, each rendered by D3 v5. The code uses d3.forceSimulation for network layouts and d3.geoPath for geographic projections, while moment.js handles time-based data transformations. Data is loaded from an external CSV file, and each plot is independently styled with distinct background colors. The bundle.js script coordinates the rendering, though the specific chart types are not immediately visible from the provided code structure.

TThibautDARE
82% 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
82% match