Key Metrics

100%

✓ Published0🌍 Public

Last edited May 25, 2026

Created on May 25, 2026

Four key performance indicators are presented as a row of stat cards, each pairing a large colored number with a short explanatory label and a source citation. The code uses plain HTML and CSS with the Satoshi and Cabinet Grotesk fonts from Fontshare, a CSS grid layout, and custom properties for colors and spacing. Data shown includes innovation velocity, employee clarity, leadership style impact, and productivity loss figures sourced from Gallup and Createq.

AI-generated description

Similar vizzes

Loading thumbnail…

lalith_act6-T2-q1

This stacked horizontal bar chart displays productivity metrics across five departments, broken down by activity type such as Emails Answered and Coding Hours. Rendered as SVG using D3.js v7, the visualization employs `d3.axisLeft` for the category axis, `d3.stack` for cumulative bar segments, and `d3.scaleOrdinal` for distinct color mapping. Interactive tooltips reveal exact minute values for each segment on hover. Data is sourced from a CSV file defining department performance across five activity categories.

Ssailalith2000@gmail.com

60% match

Loading thumbnail…

Saiteja_ICE5

This visualization summarizes a 150-row CSV dataset of simulated digital behavior records, showing key performance indicators like average app usage time and sleep hours in a left-hand card. An adjacent SVG bar chart, built with D3.js v7, displays the distribution of social media platforms using aggregated frequency counts. The page loads the remote CSV via JavaScript’s `fetch()`, parses it with `d3.csvParse`, and computes rollups with `d3.rollups`. A scrollable preview table shows the first eight rows to verify parsing.

Ssaitejak1619@gmail.com

59% match

Loading thumbnail…

Autonomy Mapping

Autonomy Mapping visualizes a comparison matrix of organizational practices, contrasting successful autonomy at Spotify, Amazon, and Basecamp against failures at Valve and flat-structure startups. The display pairs a Markdown table with a force-directed graph layout, using d3.forceSimulation to position dimension and example nodes. Each cell renders as a distinct cluster, with positive outcomes in green and negative in red, while text labels draw from the embedded gistfile1.md content. The visualization maps contextual alignment, ownership clarity, decision vectors, incident response, and newcomer impact across the two columns.

VVinodLouis

59% match

Loading thumbnail…

App_Sentiments

This dashboard fetches CSV sentiment data from a GitHub raw URL and presents it through summary cards, an SVG bar chart, and an interactive data table. Using the Fetch API and a custom CSV parser, the application calculates aggregate metrics and renders randomized sample bars as placeholder visualizations, while CSS grid and flexbox handle the responsive layout. The chart is built with native SVG elements manipulated via JavaScript, and the table includes hover-highlighted rows for readability.

Mmeangreen0067@gmail.com

58% match

Loading thumbnail…

Quality_of_Life-11703396

This visualization presents a static summary report of a quality-of-life dataset, displaying key metadata like file size (33 KB), row count (237), and column count (19) alongside a descriptive text block. The page, built with HTML and CSS, uses a green container with styling for headings and body text, with specific color accents for emphasis. It relies on the D3 library (d3.v7) via a script tag, though the CSV source URL is embedded in a malformed attribute. The example demonstrates a plain data-summary layout rather than an interactive chart.

Aamruthacharyakothakota@my.unt.edu

58% match

Loading thumbnail…

Ques4

This bubble chart visualizes the relationship between performance, strength, and efficiency across 24 consumer electronics products, with each bubble positioned by performance and strength while its size encodes efficiency. The D3 v7 code reads from a CSV file, uses `scaleLinear` for all three axes, and applies `scaleOrdinal` with `interpolateTurbo` for color. Interactive tooltips appear on mouseover, showing the product name, while a custom legend displays efficiency values and product colors. SVG elements handle rendering, and the visualization includes animated opacity changes on hover.

Ssatvikreddy79@gmail.com

58% match

Loading thumbnail…

Activity 6_Task 4_Question

This bubble chart visualizes employee statistics for major tech companies, plotting revenue on the x-axis and employee count on the y-axis. Each circle’s size encodes market capitalization, its color distinguishes companies via a categorical scale built with `d3.scaleOrdinal` and `d3.interpolateViridis`. Data is loaded from a CSV using `d3.csv`. The SVG renders axes with `d3.axisBottom` and `d3.axisLeft`, and a tooltip appears on mouseover. A legend with dashed connector lines explains market-cap ranges, and hover interactions increase opacity.

Ccharankumarreddyveeramreddy@my.unt.edu

58% match

Loading thumbnail…

Dashboard

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.

Mmaxime-plantard

58% match