Skip to main content
100%

Demo Dashboard

✓ Published0🌍 Public
Aaax951
Last edited Apr 19, 2016
Created on Apr 19, 2016

This dashboard presents a real-time operations overview with nine labeled panels, each showing a different metric such as sales by hour, sales today, and bundles today. The center panel displays an animated donut chart that loads sales data from a CSV, while the bottom includes a scrolling ticker with breaking news and sales updates. A force-directed network diagram with custom-colored nodes and links is also incorporated. The entire layout is built with D3 v3 and rendered as SVG, with smooth animations for transitions and the ticker.

AI-generated description

forked from <a href='http://bl.ocks.org/danharr/'>danharr</a>'s block: <a href='http://bl.ocks.org/danharr/fd930bb06df3ff213bd0'>Demo Dashboard</a>

Similar vizzes

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

Dashboard_Original

This dashboard presents four coordinated visualizations of U.S. sales data from a CSV source: a choropleth map, bar chart, scatter plot, and donut chart. The map uses `d3.geoPath` and `d3.geoAlbersUsa` to display state-level sales, while the scatter plot uses `d3.scaleTime`, and the donut chart uses `d3.pie` and `d3.arc`. Animated transitions, via `transition().duration()`, update axes for the scatter plot and bar chart. The visualizations include interactive tooltips and use a CSS grid layout.

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

dashboard

This dashboard presents a multi-panel data visualization built with Vue, using D3.js v5 to render SVG graphics with animation. It includes a bar plot displaying sales by category with hover tooltips, a scatterplot of randomly generated points, and additional plot areas within a grid layout. The bar chart reads from a CSV dataset of retail orders, applying D3 scales, axes, and transitions to update the visualization dynamically, while the scatterplot uses D3's scaleLinear and random data generation.

Llanphuonglenguyen
76% match
Loading thumbnail…

Dashboard_TEST_ok

This dashboard presents four synchronized views of sales data: a bar chart, a U.S. choropleth map, a scatter plot, and a pie chart. It uses several D3.js v6 APIs, including `scaleBand`, `scaleLinear`, `geoAlbersUsa`, `geoPath`, `pie`, and `arc`. The map colors states based on total sales from the provided dataset, while the pie chart breaks down sales by sub-category. All visualizations support interactive tooltips and updates with animation.

BBomkerss
76% match
Loading thumbnail…

Sales Data Summary

This interactive dashboard summarizes sales data from a user-supplied CSV file. It displays dataset statistics and a preview table alongside an SVG bar chart ranking top products by sales. Built with D3.js v7, the page features a URL input that loads and parses the data, auto-detecting column names. The visualization updates dynamically, with the bar chart using D3 scales and axes to render the sorted sales figures.

RRamdas Dheeraj
75% 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
75% 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
75% match