Skip to main content
SimilarExport ZIP
100%

Dashboard

✓ Published0🌍 Public
Mmaxime-plantard
Last edited Oct 3, 2020
Created on Aug 17, 2020
Forked from HTML Starter

This dashboard presents project health metrics—cost, schedule, progress, CPI, SPI, resources, and issues—for a fictional project in a grid layout. It combines a D3.js v5 line chart tracking actual, baseline, and forecast costs over time with a D3 donut chart showing issue status. The interface includes Font Awesome icons in KPI cards, a filter panel, and an interactive issue detail table.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Dashboard ES6

A dashboard with KPI cards and an animated multi-line chart, rendered in SVG with D3 v5. Users filter KPIs and select projects from dropdowns, triggering updates to the card displays and the line series (planned, earned, and actual values). The chart uses D3 scales, axes, and transitions, with a legend, and Bootstrap styles the interface, while Font Awesome provides icons.

Mmaxime-plantard
83% match
Loading thumbnail…

Project

This visualization presents a health data dashboard with three SVG charts. It includes a pie chart showing gender distribution, a bar chart displaying age distribution using d3.bin, and a scatter plot correlating glucose levels with BMI using d3.scaleLinear. The code uses d3.csv to load data and d3.rollup for aggregation, rendering all charts with D3 v7's SVG API.

Ppavanbellam@my.unt.edu
70% match
Loading thumbnail…

project

This example presents a dashboard of four D3.js charts—a line chart, bar chart, pie chart, and scatter plot—visualizing global sustainable energy data from a CSV file. It shows trends in renewable energy share, electricity access, fossil versus renewable energy proportions, and the relationship between GDP and energy consumption per capita, with a tooltip and country selector. The visualization uses D3 selections, scales, and time parsing to render SVG charts, updating all views based on the selected country.

YYeruva Snehith Reddy
69% match
Loading thumbnail…

Gantt

This interactive Gantt chart visualizes project tasks, their durations, dependencies, and resource allocation across a timeline. It renders task bars in an SVG, with predecessor links drawn as paths and arrows to show task sequencing. A separate SVG area displays resource usage over time as an area chart, with a selector to switch between resources and an adjustable daily capacity input. The visualization uses d3.v5 for scales, axes, and SVG rendering, alongside custom JavaScript functions for date calculations and table generation from the provided task data.

Mmaxime-plantard
69% match
Loading thumbnail…

Final Project

This dashboard displays median, minimum, and maximum healthcare covered charges per U.S. state, sourced from CMS data. It combines an interactive bar chart, a linked pie chart, and a choropleth map using SVG. D3.js handles hover interactions, updating the pie chart when hovering over bars, and a color gradient on the map encodes state medians. The interface is built with Vue and rendered with animated SVG elements.

KKirkHunter
69% match
Loading thumbnail…

Fork 1

This interactive health dashboard explores relationships between lifestyle factors and health metrics using multiple D3.js v7 visualizations. A scatter plot shows sleep duration versus sweet food intake with jittered points colored by gender, while a bar chart displays average heart rate by consumer type. A pie chart breaks down cholesterol levels across alcohol consumption categories, and an animated box plot filters heart rate distributions by gender with hover tooltips. The dashboard uses `d3.rollups`, `d3.groups`, `d3.scaleBand`, `d3.scaleLinear`, and `d3.pie` with transitions for smooth updates, loading TSV data from a GitHub gist.

Bboinapallyhimaja657@gmail.com
68% match
Loading thumbnail…

PNP - Projetos no Prazo

This visualization shows a project management framework called "PNP - Projetos no Prazo," combining a triangular header for the main metric with four vertical pillars labeled Estrutura, Duração, Simulação, and Priorização, sitting on a base of supporting fundamentals like Análise, Qualidade, Gerenciamento do Cronograma, and Estatística. Built with React 16.12 and D3 v5, it renders entirely as SVG, using reusable React components for each structural layer. The layout uses computed gaps and fixed pillar widths to distribute elements evenly across the 320-pixel-wide composition.

RRubens
68% match
Loading thumbnail…

Project

This interactive D3.js dashboard explores diabetes medication, gender, and age-group trends related to heart disease outcomes. It shows three SVG charts built from a merged CSV dataset, including a bar chart of heart disease cases by medication status, a pie chart of patient gender distribution, and a bar chart of cases across age groups. The code uses `d3.csv` to load data, `d3.select` to render SVG elements, and a custom tooltip for hover interactions. An embedded Power BI iframe complements the narrative with additional health analytics.

Ppavanbellam@my.unt.edu
68% match