Skip to main content
SimilarExport ZIP
100%

FreedomCorp Dashboard

✓ Published0🌍 Public
Jjoanoliper
Last edited Jan 26, 2020
Created on Jan 26, 2020
Forked from HTML Starter

The FreedomCorp Dashboard presents a multi-panel view of sales call data for the fictional company FreedomCorp. A stacked area chart shows contributions from four regional teams over time, while bar charts display average revenue, call duration, and units sold by product category, and a donut chart shows the distribution of calls by company size. A timeline with a brush allows users to filter the date range across all charts. The visualization uses the D3.js library for data processing and rendering, including `d3.stack`, `d3.area`, and `d3.nest`, and includes animated transitions via `d3.transition`.

AI-generated description

A bare minimum HTML page.

See also React Starter.

MIT Licensed

Similar vizzes

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
69% 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
68% 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
67% 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
67% 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
67% match
Loading thumbnail…

dboard

dboard presents a sales dashboard for a US superstore dataset, displaying four coordinated visualizations: a pie chart of sub-category sales, a bar chart of category sales, a scatter plot of sales over time, and a geographic map of sales by state. Built with React and D3 v6, it renders SVG elements with animated transitions between views, using `d3.pie`, `d3.arc`, `d3.scaleBand`, `d3.scaleTime`, and `d3.geoAlbersUsa` with `d3.geoPath`. Tooltips on hover reveal customer and product details.

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

med

This animated scatter plot compares company financial metrics—Revenue, Expenses, and EmployeeCount—against Profit, cycling the x-axis variable every two seconds. Built with reusable D3 v6 modules, it uses `scaleLinear`, `extent`, and `axisBottom`/`axisLeft` to render axes and circles from the provided revenue CSV. The visualization demonstrates a modular chart pattern with configurable accessors, margins, and radius, while the SVG updates in place via D3’s data join and a `setInterval` loop. The dataset and styling (Share Tech font, full-window layout) come from the linked gist and local CSS.

Hharichandanamone21@gmail.com
66% match