Skip to main content
SimilarExport ZIP
100%

DeepshikaThakur_ICE5

✓ Published0🌍 Public
Ddeepshikathakur111@gmail.com
Last edited Mar 2, 2026
Created on Mar 2, 2026
Forked from HTML Starter

This example shows a dataset summary and an SVG bar chart of total workout minutes grouped by intensity level, based on a CSV file of workout entries fetched from a remote URL. The page uses D3 v7’s `d3.csvParse`, `d3.rollups`, `d3.sum`, and `d3.scaleBand` with `d3.axisBottom` and `d3.axisLeft` to build the chart. It also displays file size, row and column counts, and a preview table of the first six rows.

AI-generated description
MIT Licensed

Similar vizzes

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

Fork of HTML Starter

This fitness dashboard presents three coordinated D3.js (v7) charts built from CSV data. A reusable scatter plot maps workout minutes against calories burned, with point colors encoding intensity levels. The page also includes a pie chart showing total calorie distribution by intensity and a line chart tracking daily calorie trends. The implementation uses `d3.csv()` to load data, `d3.scaleLinear` and `d3.scaleOrdinal` for scales, `d3.axisBottom` for axes, `d3.pie()` and `d3.arc()` for the pie, all rendered as SVG elements.

Ddeepshikathakur111@gmail.com
76% match
Loading thumbnail…

ICE6-BarChart-Deepshika

This bar chart displays quiz scores for the first 20 students from a CSV dataset, with each bar representing an individual student’s score. The visualization uses D3 v7’s `scaleBand` and `scaleLinear` to map student IDs and scores, while animated bars appear via `transition()`. Hovering a bar triggers a tooltip showing study hours and practice questions. The SVG includes grid lines, axis labels, and value labels, all styled with custom CSS classes.

Ddeepshikathakur111@gmail.com
76% match
Loading thumbnail…

Sports dataset ICE-5 Assignment

This visualization presents a sports dataset summary with a preview table of the first five rows and dynamic SVG bar charts. The page loads data from a raw Gist CSV file using `d3.csv` and automatically detects numeric columns for statistical analysis. Using D3 v7, it renders horizontal bars scaled with `d3.scaleLinear`, positioned within an SVG viewBox, while CSS styles the accompanying tables and decorative shapes. The interface provides column names, data types, and descriptive statistics like mean, min, and max for each numeric field.

Ssandyman2109@gmail.com
76% match
Loading thumbnail…

index(11823810).html

This interactive D3 visualization demonstrates how to load and explore CSV data, displaying it as a bar chart and computing summary statistics. Users can filter the dataset by category and previous value through dropdown menus, with hover tooltips showing detailed records. The page also includes a small SVG icon showcase and prominent metric cards alongside the main visualization. The implementation uses d3.csv for data loading, d3.scaleBand and d3.scaleLinear for scales, and d3.transition for animated bar updates.

Vvineelaviswanadham07@gmail.com
76% match
Loading thumbnail…

ICE-5: The Shapes of Data

This example loads a CSV dataset on study focus logs via `fetch` and `d3.csvParse`, then displays summary statistics including file size, row count, and column count. It renders a small SVG visualization using D3 v7, where the first ten rows are represented as horizontal bars whose widths increase with row index, alongside row labels. The page is styled with basic HTML and CSS, and the data URL is displayed for reference.

Ppvvaishnavi93@gmail.com
75% match
Loading thumbnail…

Shivani Fork of Sports dataset ICE-5 Assignment

This visualization displays sports data from a CSV file, presenting a data summary, a preview table of the first five rows, and a dynamic bar chart rendered as SVG. The code uses D3.js v7 to load and parse the CSV data via `d3.csv`, infer column types, and calculate statistics like mean, min, and max for numeric columns. It then dynamically generates bars representing the top five players by goals or points, using `d3.select` and `d3.scaleLinear` to scale the values. The SVG also includes decorative shapes and axes to create an abstract poster aesthetic.

Bbodushivani2601@gmail.com
75% match
Loading thumbnail…

eshitha ice5

This interactive dashboard loads a CSV dataset of CS tool usage from a GitHub gist and presents a summary with D3.js v7. It displays total row counts, column names, and category counts using `d3.csv`, `d3.autoType`, and `d3.rollup`. The page renders a static SVG icon and uses standard DOM manipulation to show the first five raw rows in a preview panel.

Kkanaparthieshitha@gmail.com
75% match