Skip to main content
SimilarExport ZIP
100%

act8-q2

✓ Published0🌍 Public
RRayabarapu Nikhitha
Last edited Nov 6, 2024
Created on Nov 5, 2024
Forked from act7-q1

This example visualizes the average insurance charges across different BMI values using an area chart rendered as SVG. The code loads a CSV dataset with D3 v7, converts the charges and BMI columns to numbers, and uses `d3.rollups` to group the data by BMI and calculate the mean charge per group. An area generator (`d3.area`) draws the filled region, while `d3.axisBottom` and `d3.axisLeft` provide labeled axes for BMI and average charges. The chart communicates the general trend between body mass index and insurance costs.

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…

act7-ques2

This example displays an area chart of total insurance charges by age, using data from a CSV file loaded via `d3.csv`. The visualization aggregates charges with `d3.rollups` and `d3.sum`, then renders the result as a smooth area path generated by `d3.area()`, with axes from `d3.axisBottom` and `d3.axisLeft`. The SVG chart includes labeled axes and a title, styled with steelblue strokes and skyblue fills.

RRayabarapu Nikhitha
85% match
Loading thumbnail…

Insurance32

This example displays an area chart of insurance charges, mapping age along the x-axis and the parsed numeric `charges` values along the y-axis. It fetches CSV data from a GitHub gist and uses D3.js v7 to parse it, then constructs an SVG with a steelblue filled area path. The visualization uses `d3.scaleBand` and `d3.scaleLinear` for positioning, and `d3.area` to generate the area shape, with axes added via `d3.axisBottom` and `d3.axisLeft`.

Ssriharshakondakindi@gmail.com
81% match
Loading thumbnail…

Question 3

This scatter plot visualizes the relationship between BMI and insurance charges for 50 individuals, with red markers indicating smokers and blue markers for non-smokers. The code uses d3.csv to load inline CSV data, then applies d3.scaleLinear with d3.extent to map BMI and charges to screen coordinates. Axes are rendered using d3.axisLeft and d3.axisBottom, while circles are appended to an SVG canvas via d3.selectAll and data joins.

Sshivasaiamaravadi@gmail.com
80% match
Loading thumbnail…

assignment 2 4q

This multidimensional scatter plot maps age and BMI for roughly 250 individuals, encoding insurance charges through circle radius and gender through color. The visualization uses D3 v7 with linear scales for both axes, an ordinal color scale for male/female categories, and square-root scaling to size circles proportionally to charges. Rendered as SVG, the chart includes axes with tick formatting, a legend showing charge minimum and maximum values, and example male/female colored dots, with data loaded asynchronously from a CSV file hosted on GitHub.

HHarshiiiiiiiip
78% match
Loading thumbnail…

Assignment 2 Question 5

This visualization shows how insurance charges relate to age, BMI, and sex using a scatter plot. The chart animates every 5 seconds, cycling its x-axis between patient age, insurance charges, and BMI, while the y-axis consistently displays insurance charges. Data points are color-coded blue for males and red for females. Built with D3 version 6.7.0, it uses `scaleLinear`, `axisLeft`, and `axisBottom` from the library and loads data from a local CSV file, rendering as an animated SVG.

MMichael Biancardi
78% match
Loading thumbnail…

activity8_Task3

This example shows an insurance dataset as a scatter plot of age against BMI, with each point colored by the policyholder’s region. It uses D3 v6 to load the CSV via `d3.csv`, maps rows with a custom parse function, and renders SVG circles positioned by `scaleLinear` scales for both axes. The color encoding is applied through `d3.scaleOrdinal` with `d3.schemeCategory10`, and axes are drawn using `axisLeft` and `axisBottom`. Data comes from a public GitHub-hosted insurance CSV file.

Ssaitejauppu0206@gmail.com
77% match
Loading thumbnail…

Activity_7_Q2

This visualization displays BMI distribution across age groups using a smooth area chart with interactive hover effects. The D3.js code loads CSV data, processes BMI values into High and Normal categories, and renders an SVG with gradient-filled areas. Users can hover to see a dashed line, circular marker, and tooltip showing age, BMI, and category. The implementation uses d3.area, d3.scaleLinear, d3.bisector, and d3.axisBottom/axisLeft for the chart structure.

GGOPI MUPPURI
77% match
Loading thumbnail…

ICE-6 Scatter Plot

This D3.js scatter plot visualizes an insurance dataset, mapping BMI to charges for individual patients. Points are colored red for smokers and green for non-smokers, using a custom `scaleLinear` mapping for the axes. The visualization employs `csv` for data loading, `select` and `join` for SVG circle rendering, and `axisLeft`/`axisBottom` for labeled axes, with all text styled in cursive. The plot includes age and children values as `rx` and `ry` attributes on the circles, though these do not affect the visual output.

Ggayuvurukuti@gmail.com
77% match