Skip to main content
SimilarExport ZIP
100%

ice7

✓ Published0🌍 Public
SSnarasimhap
Last edited Jul 2, 2022
Created on Jul 2, 2022

This stacked area chart displays the distribution of educational degrees conferred in seven fields over time, with the x-axis representing years and the y-axis showing counts up to 200,000. It uses d3.stack() to layer the data, d3.area() and d3.scaleTime() to render the paths, and d3.scaleOrdinal() for the color palette. The visualization loads CSV data from a GitHub gist, draws SVG elements, and includes custom axis labels, with a legend implied by the colored layers.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

ICE-7 Area chart

This stacked area chart visualizes the year-over-year counts of engineering, business, and food management programs from 2010 to 2018, with data loaded from a CSV file. Three distinct colored areas, labeled in white, are layered using d3.stack with ascending order and a basis curve. The chart uses d3.scaleTime for the x-axis, d3.scaleLinear for the y-axis, and d3.scaleOrdinal with d3.schemeDark2 for colors. The d3-area-label plugin positions text labels within each area, while custom legend circles are appended directly to the SVG.

Rrallabandisushen@gmail.com
84% match
Loading thumbnail…

ICE -7 AreaChart

This area chart visualizes student marks distribution using D3.js v7, rendering an SVG with a steelblue gradient fill beneath the line. The chart loads CSV data from a GitHub gist, parsing label and students columns, then maps them to x and y axes using `scaleLinear`. It constructs the area path via `d3.area()`, applies a `linearGradient` for the fill, and labels axes as “Total Marks” and “Students”. Styling includes a bordered, rounded container background.

Cchalasanigayaetiri@gmail.com
82% match
Loading thumbnail…

Fork of ICE 7 Area Chart

This fork of an ICE 7 area chart visualizes the number of US university students from 2000 to 2008. The SVG graphic combines a black line and a filled aqua area to show the trend over time, with labeled axes for year and student count. The code uses D3 v5 APIs such as `scaleLinear`, `axisBottom`, `axisLeft`, `line`, `area`, and `curveBasis` to generate the chart, and loads the dataset from a CSV file hosted as a GitHub gist.

Rradhadevarapu
80% match
Loading thumbnail…

Ice-7 Pie Chart

The Ice-7 Pie Chart visualizes the distribution of student marks across predefined score ranges, with each slice’s arc length proportional to the number of students in that range. It uses D3.js v7’s `d3.pie()` and `d3.arc()` to generate the SVG paths, while `d3.scaleOrdinal` with `schemeCategory10` assigns distinct colors. Data is loaded remotely via `d3.csv` from a GitHub Gist, and each slice is labeled with its range and student count. A separate legend, built with appended SVG rects and text, identifies the color-to-range mapping. The chart renders as a static, non-interactive SVG.

Cchalasanigayaetiri@gmail.com
80% match
Loading thumbnail…

Fork of Fork of ICE 7 Area Chart

This area chart visualizes the number of US university students from 2000 to 2008, using a blue filled region beneath a black curved line. The code employs d3.line and d3.area generators with curveBasis smoothing, alongside d3.scaleLinear for both axes and d3.axisBottom/axisLeft for ticks. Data is loaded via d3.csv from a GitHub Gist, and the SVG is rendered with axis labels and gridlines.

Nnsatyaprakash22
80% match
Loading thumbnail…

Fork of Fork of ICE 7 Area Chart

This area chart visualizes the number of US university students from 2000 to 2008, using a blue filled region beneath a black curved line. The code employs d3.line and d3.area generators with curveBasis smoothing, alongside d3.scaleLinear for both axes and d3.axisBottom/axisLeft for ticks. Data is loaded via d3.csv from a GitHub Gist, and the SVG is rendered with axis labels and gridlines.

Nnsatyaprakash22
80% match
Loading thumbnail…

ICE 7

This interactive scatter plot maps student marks across Math and Science, with age encoded by symbol type. It cycles through different data columns as the x-axis every fifteen seconds, updating the visualization dynamically. Built with D3, it uses `scaleLinear`, `axisLeft`, `axisBottom`, `symbols`, and `scaleOrdinal` to render the SVG animation. The plot pulls data from a CSV file and adjusts its axes and points in real time, all within a responsive full-screen viewport.

SSnarasimhap
80% match
Loading thumbnail…

Fork of Fork of Fork of ICE 7 Area Chart

This area chart visualizes the percentage of US students in universities from 2000 to 2008 using a smooth curve. The visualization combines a black line with an aqua-filled area beneath it, rendered as SVG. The code uses d3.scaleLinear for both axes, d3.line and d3.area generators with curveBasis for smoothing, and d3.axisBottom and d3.axisLeft for labeled axes. Data is loaded from a CSV via d3.csv and parsed by converting numeric fields.

TTejucmandava
79% match