Skip to main content
SimilarExport ZIP
100%

task9 question2

✓ Published0🌍 Public
Rravularasesh3102@gmail.com
Last edited Apr 21, 2024
Created on Apr 21, 2024
Forked from Hello VizHub

This visualization displays a heart disease dataset as an area chart, plotting age against resting blood pressure across the patient records. The chart uses D3 v7's `d3.area()` generator with linear scales for both axes, rendering an SVG path with a semi-transparent steelblue fill. The code loads data from a CSV file via `d3.csv()`, sorts records by age, and includes labeled x- and y-axes formatted with `d3.axisBottom()` and `d3.axisLeft()`.

AI-generated description

An example showing the capabilities of VizHub:

  • Loads D3 via UNPKG.
  • Demonstrates use of import from "d3".
  • Demonstrates use of import from local ES6 modules.
MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of assignment-2 question 2

This example displays an area chart of Age versus BloodPressure levels, using a steel-blue fill to emphasize the distribution of pressure values across the age range. The visualization is built with D3 v7, leveraging `d3.csv` to load a remote dataset, `d3.scaleLinear` for both axes, and `d3.area` to generate the area path. Axis ticks are added via `d3.axisBottom` and `d3.axisLeft`, with labels appended directly to the axis groups. The SVG output is styled with CSS and rendered within an 800 by 400 pixel container, sourced from a Gist-hosted CSV file.

Pprince.sahith100@gmail.com
84% match
Loading thumbnail…

Fork of assignment-2 question 2

This example displays an area chart of Age versus BloodPressure levels, using a steel-blue fill to emphasize the distribution of pressure values across the age range. The visualization is built with D3 v7, leveraging `d3.csv` to load a remote dataset, `d3.scaleLinear` for both axes, and `d3.area` to generate the area path. Axis ticks are added via `d3.axisBottom` and `d3.axisLeft`, with labels appended directly to the axis groups. The SVG output is styled with CSS and rendered within an 800 by 400 pixel container, sourced from a Gist-hosted CSV file.

Pprince.sahith100@gmail.com
84% match
Loading thumbnail…

Task3

This scatter plot visualizes a heart disease dataset, showing the relationship between resting blood pressure and serum cholesterol. Each circle represents a patient, with its color indicating chest pain type: sky blue for typical angina, light green for atypical angina, orange for non-anginal pain, and red for asymptomatic cases. The D3 v6 code loads CSV data, uses `scaleLinear` and `extent` to map axes, and renders SVG circles with the `join` pattern. Axis labels are added as SVG text elements, with the chart sized to the full `window.innerWidth` and `window.innerHeight`.

Sshanmukhivasa@my.unt.edu
83% match
Loading thumbnail…

task 9 question 2

This example shows an area chart that visualizes the relationship between ID and Age from a remote CSV dataset. The chart maps ID values on the x-axis and Age values on the y-axis using linear scales, with a filled area representing the age distribution. The code loads data via `d3.csv`, constructs the area path using `d3.area`, and renders axes with `d3.axisBottom` and `d3.axisLeft`. The SVG output includes labeled axes for ID and Age, demonstrating a straightforward data loading and charting workflow with D3 v7.

Bbudalavijay2001@gmail.com
83% match
Loading thumbnail…

Fork of Task3 with shape

A scatter plot visualizes heart disease data by mapping resting blood pressure on the x-axis and serum cholesterol on the y-axis. Each dot represents a patient, colored by chest pain type (blue, green, red, purple) with a hover tooltip showing age, sex, and pain category. The chart uses d3.csv to load the heart_disease.csv dataset and d3.scaleLinear, d3.scaleOrdinal, d3.axisBottom, and d3.axisLeft to render the SVG visualization.

Sshanmukhivasa@my.unt.edu
81% match
Loading thumbnail…

assignment-2 question 2

This visualization is an area chart that displays the relationship between Age and Glucose levels. The chart uses a steelblue filled area with 60% opacity, showing the distribution of glucose values across different ages. The visualization is built using D3.js v7 and renders to SVG, with the data loaded from a CSV file via d3.csv. The code utilizes d3.scaleLinear for both axes, d3.area to generate the area path, and d3.axisBottom and d3.axisLeft to create the labeled axes.

AAjay Simha Reddy
80% match
Loading thumbnail…

Question 2

This area chart displays the relationship between age and BMI in a diabetes dataset, with age on the x-axis and BMI on the y-axis. The visualization encodes the data as a single filled area, using a steelblue fill to represent the trend of BMI values across increasing ages. The code loads CSV data from a GitHub Gist and sorts it by age before rendering. It employs D3.js v7’s `d3.area`, `d3.scaleLinear`, and axis components to construct the SVG chart.

Llingaladineshteja23@gmail.com
79% match
Loading thumbnail…

Task3

This scatter plot visualizes the relationship between resting blood pressure and serum cholesterol in a heart disease dataset, with each circle colored by chest pain type (skyblue for typical angina, lightgreen for atypical angina, orange for non-anginal pain, and red for asymptomatic). Created with D3 v6, the visualization renders as an SVG in the browser, loading CSV data from a GitHub gist. It uses `d3.scaleLinear` for both axes, `d3.axisLeft`, `d3.axisBottom`, and `d3.select` for rendering circles and labels, with a data-driven fill color function mapping categorical values.

Sshanmukhivasa@my.unt.edu
79% match