Skip to main content
SimilarExport ZIP
100%

Activity6_question-3

✓ Published0🌍 Public
Kkandulasunny17@gmail.com
Last edited Oct 22, 2024
Created on Oct 22, 2024
Forked from Activity6_task3

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`.

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…

Activity6_Task3_Question_3

This scatter plot visualizes the relationship between BMI and insurance charges, with each point colored blue or green to indicate whether the person is a smoker. The data comes from a CSV file hosted on GitHub, loaded via `d3.csv` with parsed numeric fields. The visualization uses `d3.scaleLinear`, `d3.extent`, and `d3.axisBottom`/`d3.axisLeft` to map the continuous variables and render axes. All marks are drawn as SVG circles using `d3.selectAll().join()`, with colors assigned via a switch statement on the smoker attribute.

Hhemalathayella@my.unt.edu
85% match
Loading thumbnail…

Activity6_Task3.3

This scatter plot displays the relationship between an individual's Age and BMI, with each point colored green for smokers and orange for non-smokers, using health insurance charges data from a CSV file. The visualization implements the chart entirely with D3 v6 functions, including `d3.csv` for data loading, `d3.scaleLinear` for axes, and `d3.axisLeft` and `d3.axisBottom` for tick marks. The plot is rendered as SVG elements, with each circle positioned via `.attr('cx')` and `.attr('cy')` based on the scaled data values, and axis labels styled green with a Times New Roman font.

Ssumanthnaidu213@gmail.com
84% match
Loading thumbnail…

Activity6_Question3

This interactive scatter plot visualizes the relationship between BMI and height, with each point colored by the individual's category (adult, teenager, child). The code uses D3 v6 to load the CSV dataset from a GitHub repository, scales the axes with `scaleLinear`, and renders the circles as SVG elements. The chart incorporates `axisLeft` and `axisBottom` for numeric axes, with custom labels in green, all sized to the browser window.

Aayeshamanzoor111798@gmail.com
83% match
Loading thumbnail…

Activity8_Task3

This scatter plot visualizes the relationship between age and BMI for individuals in an insurance dataset sourced from a GitHub-hosted CSV file. Each point represents a person, colored by their region using a D3 ordinal color scale with the `schemeCategory10` palette. The visualization uses D3 v6’s `csv` loader, `scaleLinear` for axes, and SVG circles for marks, with axis labels for Age and BMI. The chart is responsive, sizing its dimensions based on the window’s inner width and height, and includes axes generated via `axisBottom` and `axisLeft`.

Aanusharamana0@gmail.com
82% match
Loading thumbnail…

Activity 6 question 3

This scatter plot visualizes car dataset attributes, mapping horsepower on the x-axis and highway MPG on the y-axis. Points are colored by make using D3’s `scaleOrdinal` with `schemeTableau10`, and axes are generated via `axisLeft` and `axisBottom`. The code loads CSV data from GitHub using `d3.csv`, applies linear scales with `scaleLinear`, and renders circles and a legend in SVG. The visualization demonstrates D3 v6 data joining and margin-based layout within a full-window responsive viewport.

AAamani Chamarthi
82% match
Loading thumbnail…

sample

This example plots sales data as a scatter plot, encoding BMI on the x-axis, age on the y-axis using a band scale, and smoker status as color via an ordinal scale with Tableau10 scheme. It loads CSV data from a GitHub repository, renders SVG circles with tooltips on mouseover, and includes axes, a legend, and labels. The code leverages D3 v6 APIs such as `d3.csv`, `scaleLinear`, `scaleBand`, `scaleOrdinal`, `axisLeft`, and `axisBottom`.

Kkandulasunny17@gmail.com
81% match
Loading thumbnail…

Activity6Question3

A scatter plot displays car dataset relationships between horsepower and highway MPG, with each point colored by vehicle make. The visualization loads CSV data from a GitHub repository and uses D3 v6 APIs including `csv`, `scaleLinear`, `scaleOrdinal`, `axisLeft`, `axisBottom`, and `schemeTableau10` to render an SVG chart with labeled axes and a legend. Points are positioned using linear scales mapped from the data extent, with a fixed radius of 5 pixels.

Ssatishvelaga02@gmail.com
80% match
Loading thumbnail…

Activity6_question3

This interactive scatter plot visualizes a car dataset, with each point representing a vehicle plotted by its Total Sales and Product. The chart, rendered as an SVG, uses D3 v6 APIs including `csv`, `scaleLinear`, `scaleOrdinal`, `axisLeft`, `axisBottom`, and `schemeTableau10` to map data to position and color. A legend identifies the product categories via color. The visualization is loaded from a remote CSV file and fills the browser window, with axes labeled "Highway MPG" and "Horsepower."

Kkandulasunny17@gmail.com
80% match