Skip to main content
SimilarExport ZIP
100%

Heart Disease Population

✓ Published1🌍 Public
SSurikanti Swathi
Last edited Mar 29, 2023
Created on Mar 29, 2023
Forked from HTML Starter

This line chart shows the highest populated country of heart disease patients from 2000 to 2016, with each point representing a different country. The visualization uses a violet stroke to trace population trends across eight biennial data points, with labeled axes for year and population. Built with D3 v7, the code employs `d3.scaleBand` for the x-axis, `d3.scaleLinear` for the y-axis, and `d3.line` to generate the path. The data originates from a CSV file, and the chart is rendered as an SVG element within a styled HTML page.

AI-generated description

Population of Heart Patients During the year 2000 to 2016 in different countries In every year one particular country has the highest patients of heart diseases. For Example in 2006 India has the highest population with 788 patients across the world. This is the line chart

MIT Licensed

Similar vizzes

Loading thumbnail…

Heart Disease Population

The visualization tracks the highest-populated country of heart disease patients from 2000 to 2016, showing how the leading country changes annually. It renders an area chart with a smooth curve, using blue lines and skyblue fills, with red tick labels and violet axis labels. The code uses D3 v5 APIs including `scaleLinear`, `line`, `area`, `curveBasis`, `axisLeft`, and `axisBottom` to generate the SVG. Data comes from a CSV file loaded via `csv`, with population and year values parsed as numbers before rendering.

SSurikanti Swathi
94% match
Loading thumbnail…

ICE-7 Line Chart

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.

GGogineni44
75% match
Loading thumbnail…

Heart disease data

This bar chart displays the average OldPeak level for males and females, using a purple horizontal bar for each gender. The data comes from a CSV file containing heart disease patient records. The visualization uses D3 v5 APIs including `csv`, `scaleLinear`, `scaleBand`, `axisLeft`, `axisBottom`, and `format` to build the SVG chart. Custom axis labels and a title are added, with the y-axis showing gender categories and the x-axis representing the OldPeak measurement.

AAishwarya Manjunath
74% match
Loading thumbnail…

Heart Disease Scatter Plot

A scatter plot maps patient age against maximum heart rate achieved, with each circle colored by sex (red for female, blue for male). The visualization uses D3 v6 to load CSV data from a GitHub Gist based on the Heart Disease UCI Kaggle dataset. SVG circles are positioned with d3.scaleLinear scales and axes are rendered via d3.axisLeft and d3.axisBottom. The plot reveals heart rate patterns across age groups and sex differences in the dataset.

RRyanYun0017
74% match
Loading thumbnail…

d3 Heatmap

This heatmap visualizes cardiovascular disease case counts across ten countries from 2018 to 2023. The SVG rendering uses D3.js version 7, specifically `d3.csv` to load external data and `d3.scaleSequential` with `d3.interpolateReds` to map case numbers to color intensity. Each cell represents a country-year combination, and hovering triggers a custom tooltip with detailed values. The legend shows a low-to-high gradient, while the dataset is sourced from a remote CSV file.

Sshreyasribearelly@gmail.com
73% match
Loading thumbnail…

Visualizing correlations between heart disease patients' data

This interactive scatter plot lets users explore correlations among heart disease patients by selecting any two metrics from dropdown menus, which map to the x- and y-axes. Each point represents a patient, colored by heart disease status, from a CSV dataset. Built with D3 v7, it uses scaleLinear, axisBottom, axisLeft, and transition().delay().duration() for animated point placement. The chart renders in SVG with adjustable margins and axis labels.

AAshtone Onyango
72% match
Loading thumbnail…

Iterated Work: Heart Disease Scatter Plot

This scatter plot shows the relationship between patient age and maximum heart rate from the Heart Disease UCI dataset, with points colored by gender (crimson for female, dark blue for male). The visualization uses D3 v5 with SVG rendering, employing `d3.axisBottom` and `d3.axisLeft` for gridlined axes, `d3.scaleOrdinal` for the categorical color mapping, and the `d3-legend` library for the color legend. The data is loaded via `d3.csv` from a GitHub gist, with the sex attribute transformed from numeric codes to strings for labeling.

RRyanYun0017
72% match
Loading thumbnail…

Heart Disease Scatter Plot

This scatter plot shows the relationship between patient age and maximum heart rate achieved using data from the Heart Disease UCI Kaggle dataset. Each blue circle represents an individual patient, with age plotted along the x-axis and maximum heart rate along the y-axis. The visualization loads CSV data via `d3.csv`, parses numeric fields, and renders circles as SVG elements with `d3.scaleLinear` for both axes. Axis labels are added manually using SVG text elements, while axes themselves are generated through `d3.axisLeft` and `d3.axisBottom`.

AAishwarya Manjunath
72% match