Skip to main content
SimilarExport ZIP
100%

Activity_6_Question_3

✓ Published1🌍 Public
Aadityatrip9899@gmail.com
Last edited Oct 25, 2024
Created on Oct 25, 2024
Forked from Activity6_task3

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.

AI-generated description

We are Displaying the IRIS dataset using Scatter plot.

MIT Licensed

Similar vizzes

Loading thumbnail…

Activity_6_Question_3_Poorna

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.

Ppoornachander510@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
79% 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
79% match
Loading thumbnail…

Activity6_Question3

This scatter plot visualizes city data, mapping population on the x-axis against area on the y-axis, with each point colored by region using a categorical color scale. The code loads a CSV file from GitHub, parses it, and renders circles in an SVG using D3 v6 APIs such as `csv`, `scaleLinear`, `scaleOrdinal`, `axisLeft`, `axisBottom`, and `entries`. A legend, built with appended rectangles and text, identifies the region colors. The visualization uses the browser’s full window dimensions and positions axes with margin conventions.

KKhushi Desai
78% 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
78% 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
78% match
Loading thumbnail…

Activity6_question3

This scatter plot visualizes the cities dataset, showing each city as a circle positioned by its area (x-axis) and population (y-axis), with colors indicating the region. It uses D3 v6 APIs including `csv`, `scaleLinear`, `axisLeft`, and `axisBottom` to load data from a GitHub CSV URL and render an SVG chart. The code sets fixed dimensions, applies margins, and uses a switch statement to assign distinct colors to North America, South America, Europe, Asia, and Africa, while smaller tick labels improve readability.

PPreethi Medepalli-91
76% match
Loading thumbnail…

Activity 6 task 3

This scatter plot visualizes the distribution of three data groups (A, B, C) across x and y coordinates, using colored circles to distinguish group membership. The chart includes labeled axes, a legend, and a sequential color scheme from `d3.scaleOrdinal(d3.schemeCategory10)`. Built with D3 v7, the code loads data from a CSV file, applies linear scales for both axes, and renders the visualization as SVG circles. Axis ticks, labels, and the legend are generated using D3’s `d3.axisBottom`, `d3.axisLeft`, and manual SVG text elements.

RRishabh Sharma
76% match