Skip to main content
SimilarExport ZIP
100%

Activity_6_Question_3_Poorna

✓ Published0🌍 Public
Ppoornachander510@gmail.com
Last edited Oct 25, 2024
Created on Oct 25, 2024

This interactive D3.js v7 scatter plot visualizes the relationship between hospital visits and health status for five sample communities, with points colored by community group. The SVG chart renders circles positioned by linear x- and y-scales, with ordinal color encoding for categorical community labels. Axes, axis labels, and a color legend are drawn using D3's scale, axis, and selection APIs. The visualization demonstrates a simple health-data comparison using a static, hand-coded dataset.

AI-generated description

We are Displaying the IRIS dataset using Scatter plot.

MIT Licensed

Similar vizzes

Loading thumbnail…

Activity_6_Question_3

This scatter plot visualizes the relationship between health status and hospital visits for three distinct communities. Built with D3.js v7, it encodes the "Health Status" and "Hospital Visits" dimensions along the y- and x-axes, respectively, with each community represented by a distinct color from `d3.schemeSet2`, as detailed in the legend. The chart uses `d3.scaleLinear` for both axes and `d3.axisBottom`/`d3.axisLeft` for tick marks. Five sample data points are rendered as SVG circles, with axis labels added for clarity, and the visualization is drawn using an SVG canvas.

Aadityatrip9899@gmail.com
89% match
Loading thumbnail…

Activity 6_question 3

A scatter plot visualizes the Diabetes DataSet, mapping blood pressure on the x-axis against skin thickness on the y-axis. Each point is colored black or orange based on the outcome, and the circle radius is constant. The visualization is built with D3 v6, using `scaleLinear`, `extent`, `axisLeft`, `axisBottom`, and `select` to load CSV data from GitHub and render SVG circles, with axis labels styled via CSS.

Aanusha.chilkamarri26@gmail.com
76% match
Loading thumbnail…

Activity8_Question3

This scatter plot visualizes the relationship between height and weight, with points colored by category to reveal grouping patterns. The visualization renders as an SVG generated with D3.js v7, using `d3.csv` to load data from a remote GitHub repository and `d3.scaleLinear` for axis scaling. Points are drawn as SVG circles and colored via `d3.scaleOrdinal`, with interactive tooltips appearing on mouseover. The chart includes axes and a legend created through custom drawing functions, all styled through a separate CSS file.

Vvishnupriyapalagiri@gmail.com
75% match
Loading thumbnail…

Activity 6_Task 3 Question

This scatter plot visualizes employee health data by plotting cholesterol level against body mass index, with each point colored and shaped to distinguish between healthy and unhealthy health statuses. The visualization uses D3.js v7 with SVG rendering, where the x-axis represents cholesterol levels and the y-axis represents BMI. The code employs d3.scaleLinear for axis scaling, d3.symbol with different symbol types for the two health categories, and d3.axisBottom/axisLeft for the axes. A custom tooltip displays additional attributes like age and blood pressure on hover, with data loaded from a remote CSV file. The legend identifies the healthy and unhealthy categories using distinct colors and shapes.

SSrihith Reddy Gaddam
75% match
Loading thumbnail…

Activity6_Question_4_Poorna

This interactive bubble chart visualizes the correlation between a country’s GDP per capita, life expectancy, and population using data from Nation_General.csv. The plot positions each country along the x-axis for GDP per capita and y-axis for life expectancy, with bubble radius encoding population size. Hovering over a bubble changes its fill color from steelblue to orange. The visualization uses d3.csv for data loading and D3 scales (scaleLinear, scaleSqrt) with axes, labels, and mouse event handlers to build the SVG-based chart.

Ppoornachander510@gmail.com
75% match
Loading thumbnail…

Activity-6 Task_1 poorna

This example displays a horizontal bar chart ranking the populations of 30 countries for the year 2020. The visualization uses React with D3 version 5 to render SVG elements, employing a linear scale for the population axis and a band scale for the categorical country axis. Data is loaded from a remote CSV file using d3.csv, with population values converted from thousands. The bars are colored green, and hovering reveals the population value in a tooltip. Axis ticks and labels are generated programmatically, with bottom axis values formatted using d3's format function to abbreviate large numbers (e.g., converting G to B).

Ppoornachander510@gmail.com
75% match
Loading thumbnail…

Activity6_Question3

This D3.js v7 example displays a scatter plot of city data, plotting population against area and using distinct symbols to represent different regions. The visualization fetches its data from a CSV file hosted on GitHub and renders it into a full-window SVG. It uses `d3.scaleLinear` for axes, `d3.scaleOrdinal` with `d3.symbols` for region-based shapes, and demonstrates a custom legend for mapping shapes to regions. The code loads D3 via UNPKG and uses local ES6 modules for its component structure.

KKhushi Desai
74% match
Loading thumbnail…

Fork of Activity 6_question 3

This scatter plot visualizes the Diabetes DataSet from a GitHub-hosted CSV, mapping blood pressure on the x-axis and skin thickness on the y-axis. Each point represents a patient, with color indicating the outcome (black for negative, orange for positive) and point size simultaneously encoding the number of pregnancies and glucose level. The visualization is rendered using D3 v6, employing `d3.csv`, `d3.select`, `d3.scaleLinear`, `d3.extent`, `d3.axisLeft`, and `d3.axisBottom` APIs to load, scale, and plot the data as SVG circles with labeled axes.

Aanusha.chilkamarri26@gmail.com
74% match