Skip to main content
SimilarExport ZIP
100%

Activity6_Question6

✓ Published0🌍 Public
KKhushi Desai
Last edited Oct 19, 2024
Created on Oct 19, 2024
Forked from Hello VizHub

This scatter plot visualizes the relationship between patient age and Na-to-K ratio, with each point colored by drug type. It loads a CSV dataset from a GitHub repository and renders an SVG using D3 v6. The code uses `d3.csv` for data loading, `d3.scaleLinear` for axes, `d3.axisBottom` and `d3.axisLeft` for tick marks, and `d3.scaleOrdinal` with `d3.schemeCategory10` for drug categories. A custom legend maps colors to drug names, and axis labels are added via appended text elements.

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…

Activity 8_Q3.A3

This scatter plot visualizes the relationship between patient age and the sodium-to-potassium ratio, with points colored by drug type to reveal potential patterns across categories. The visualization uses D3 v6 to load a CSV dataset from GitHub, applies linear scales for both axes, and renders circles on an SVG canvas. The code employs `d3.scaleLinear`, `d3.scaleOrdinal`, and `d3.schemeCategory10` for color encoding, with axis labels and a legend generated programmatically to clarify the drug categories and measurement units.

SSeema Shrestha
91% match
Loading thumbnail…

Activity 8_Q4.A4

A bubble chart displays patient age and sodium-to-potassium ratio, with bubble size encoding the count of patients per drug and color distinguishing drug types. The visualization uses D3 v6 to load CSV data from a GitHub repository, render SVG circles, and apply scales via `d3.scaleLinear`, `d3.scaleSqrt`, and `d3.scaleOrdinal`. Axes, labels, and a legend are added using `d3.axisLeft` and `d3.axisBottom`, with data aggregated through `d3.rollup`.

SSeema Shrestha
83% match
Loading thumbnail…

Activity6_task3_3

This scatter plot visualizes the relationship between age and weight from a synthetic health dataset. The visualization encodes each data point as a circle, with position determined by age on the x-axis and weight on the y-axis. The chart uses d3.scaleLinear for both axes and d3.axisBottom/axisLeft to render tick marks. The code colors points based on gender using d3.scaleOrdinal and includes a shapeLegend function that displays the color mapping. The data is loaded via d3.csv from a GitHub-hosted CSV file and rendered as SVG elements.

Vvemurisuchitha@gmail.com
77% 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
76% 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…

Activity6_question-3

This example displays a scatter plot of car data, showing the relationship between BMI (on the x-axis) and age (on the y-axis), with points colored by smoking status via a Tableau10 ordinal color scale. The visualization loads a CSV file from a GitHub repository using D3’s `csv` function, then applies linear scales with `scaleLinear` and renders circles as SVG elements. Axes are generated with `axisLeft` and `axisBottom`, while a legend is manually constructed to map colors to the smoking categories. The chart fills the browser window using `window.innerWidth` and `window.innerHeight`.

Kkandulasunny17@gmail.com
76% 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
76% match
Loading thumbnail…

Activity6_Question3

A scatter plot displays employee math scores against age, with each circle colored by department (Finance, HR, Engineering, Marketing, Sales, IT). The visualization uses D3 v7 with SVG rendering, loading CSV data from a GitHub repository via `d3.csv`. It employs `d3.scaleLinear` for both axes, `d3.scaleOrdinal` for color mapping, `d3.axisBottom` and `d3.axisLeft` for ticks, and a manually constructed legend with circles and text.

SSai Praveen Lokavarapu
76% match