Skip to main content
SimilarExport ZIP
100%

ICE-7 Line Chart

✓ Published0🌍 Public
GGogineni44
Last edited Mar 30, 2023
Created on Mar 30, 2023
Forked from Area Death's

This visualization presents a line chart of heart disease data, plotting cholesterol levels against patient age. The chart uses D3.js v5 to create SVG-based graphics, with time and linear scales (`d3.scaleTime`, `d3.scaleLinear`) mapping data to positions on axes generated by `d3.axisBottom` and `d3.axisLeft`. A path generated by `d3.line` connects the data points. Data is loaded from a remote CSV file and parsed before rendering.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of ICE-7 Line Chart

This example shows a line chart of stroke incidence against BMI from 2000 to 2013, with time on the x-axis and stroke values on the y-axis. The chart is rendered as an SVG using D3 v5, with scales created via `d3.scaleTime` and `d3.scaleLinear`. Axes are generated using `d3.axisBottom` and `d3.axisLeft`, while the line path is drawn with `d3.line`. The data is loaded from a CSV file hosted on GitHub.

Cchandanagandla
80% match
Loading thumbnail…

ICE-7 Line Chat Divya

This chart shows the year-wise death rate as a line graph, with months on the x-axis and the number of deaths on the y-axis. Built with D3 v5, it loads CSV data from a GitHub gist, parses dates using `d3.timeParse`, and renders the visualization as an SVG. The chart uses `scaleTime` and `scaleLinear` for axes, with gridlines and labels styled via CSS, and a black line path drawn using D3's `line` generator.

Ddivyakota99
80% match
Loading thumbnail…

ICE-7 Line chart covid death analysis

This line chart visualizes COVID-19 death counts over time, using a blue-to-yellow gradient stroke to encode the trend. The chart includes labeled axes for months and deaths, with interactive hover capabilities that display the exact death value at any point via a moving circle and text label. Built with D3.js v4, the visualization reads CSV data from a GitHub gist, parses dates using `d3.timeParse`, and renders an SVG with `d3.scaleTime`, `d3.scaleLinear`, `d3.line`, and event listeners for mouse interactions.

SShishiraRudrabhatla
80% match
Loading thumbnail…

Piechart ICE7

This pie chart displays the number of heart disease-related deaths across various countries from 1990 to 2022. Using D3 v5’s `pie`, `arc`, and `scaleOrdinal` functions, the visualization renders SVG paths with country-specific color segments, value labels, and a legend. The data is fetched from a raw GitHub CSV file via `d3.csv`, and the chart’s layout is positioned manually with SVG transformations. Interactions are minimal, focusing on static representation of the dataset.

SSurikanti Swathi
79% match
Loading thumbnail…

ICE-7 Line Chart

The ICE-7 Line Chart visualizes the relationship between study hours and average total marks, using a single red line to trace the trend across categorical study-hour values. The chart displays axes with labeled ticks and a linear scale for marks, while the x-axis uses a band scale for study hours. Built with D3 v7, the code loads CSV data via `d3.csv`, applies `scaleLinear` and `scaleBand` for positioning, and renders the line using `d3.line` with SVG paths. The visualization is rendered entirely in SVG, with axes generated by `axisBottom` and `axisLeft`.

Cchalasanigayaetiri@gmail.com
78% match
Loading thumbnail…

Data Visualization - ICE-6 - Bar Chart

This visualization displays a horizontal bar chart comparing types of chest pain against age counts from a heart attack dataset. The chart uses React to manage state and render SVG elements, while d3-scale functions (scaleBand and scaleLinear) map categorical pain types to y-axis bands and age values to x-axis positions. The data is loaded via d3.csv from a GitHub gist, filtered to the first 12 records, and mapped with a switch statement to rename chest pain codes into descriptive labels. The visualization highlights the distribution of different chest pain types across age groups.

Rrajasrilekkala
78% match
Loading thumbnail…

ICE7 Line Chart 11540905

This line chart displays the cumulative COVID-19 case counts across nine countries over time, with the x-axis representing total cases and the y-axis showing countries. The visualization uses D3 v5 with an SVG canvas, employing `scaleLinear`, `axisBottom`, `axisLeft`, and `line` APIs to render the axis and path. Data is loaded from a remote CSV file via `csv()`, with values parsed and scaled before being drawn as a single red line path.

Nnagasai-gummadi
78% match
Loading thumbnail…

ICE 7- Line Chart

This line chart visualizes insurance charges by age, using a dataset of individual policyholder records. It shows a positive correlation between age and medical costs, with the line rising steadily as age increases. The visualization is built with D3.js v7 in a React environment, employing SVG for rendering and a tooltip for interactive data inspection. The chart sorts the data by age, then applies linear scales for both axes, and includes axis labels and a styled tooltip that appears on hover.

Kkotlavamsireddy@gmail.com
78% match