Fork of Fork of BMI by Age

100%

Fork of Fork of BMI by Age

✓ Published0🌍 Public

Last edited Jul 5, 2023

Created on Jul 5, 2023

This visualization displays average sepal length by iris species, computed from the classic Iris dataset. The code uses D3 v7 to parse the CSV data, group observations by species with `flatRollup`, and calculate group means using `sum`. It renders the resulting summary as JSON text via D3 selections. The visualization is a fork titled "Fork of Fork of BMI by Age," though it analyzes flower measurements rather than body mass data.

AI-generated description

This visualization is a scatterplot of Body Mass Index by gender from the CDC Dataset.

Body Mass Index is calculated using the following formula: [weight (lb) / height (in) / height (in)] x 703

MIT Licensed

Similar vizzes

Loading thumbnail…

BMI by Age

This example demonstrates how to compute and display the average sepal length for each iris species using D3. It loads data from a CSV file via a fetch request and parses it with the `csvParse` API. The visualization uses D3's `flatRollup` and `sum` functions to aggregate the data, then renders the resulting summary as a JSON string in a `<pre>` element. The code demonstrates loading D3 from UNPKG and using local ES6 modules.

MManideeprenikindi

83% match

Loading thumbnail…

Fork of Transforming Data

This visualization shows the average sepal length for each Iris species in the classic Fisher dataset. The example fetches a CSV file and parses it with `d3.csvParse`, converting numeric fields, then uses `d3.flatRollup` with `d3.sum` and array length to compute the per-species mean. The result is displayed as a formatted JSON string inside a `<pre>` element, which re-renders whenever the data changes.

VVarshareddy2912

81% match

Loading thumbnail…

Fork of fork d3.js 1

This visualization displays the classic Iris dataset, plotting sepal length against sepal width and coloring each point by species. It employs D3.js v7 APIs such as `scaleLinear`, `scaleOrdinal`, `axisBottom`, and `axisLeft` to render the scatter plot, with a linked legend that fades non-hovered species. The code loads CSV data via `d3.csv` and applies BBC-inspired color styling from the theme configuration.

Aadithiarikatla@gmail.com

80% match

Loading thumbnail…

Fork of flower

This interactive scatter plot visualizes Fisher's Iris dataset, comparing sepal length and width across three species. The chart uses color-coded points and a clickable legend that highlights a selected species while fading others, enhancing comparison. Built with D3.js, it employs `scaleLinear`, `scaleOrdinal`, and `axisBottom` for scales and axes, using `ResizeObserver` for responsive sizing and `renderSVG` for output. Styling follows BBC color themes, with data loaded from a CSV source.

Aadithiarikatla@gmail.com

80% match

Loading thumbnail…

Fork by 11604584

This visualization displays the Iris dataset as a scatter plot, mapping petal width to sepal length with points shaped by species. It uses d3.scaleLinear for axes, d3.scaleOrdinal with d3.symbols to distinguish species via different path shapes, and d3.axisLeft/axisBottom for ticks. Every 15 seconds, the x-axis attribute rotates through the four numeric columns, animating the plot with setInterval in SVG. Data is loaded from a CSV via d3.csv, rendered with the d3 selection API.

PPran6728

79% match

Loading thumbnail…

Fork of Fork of d3.js project

This interactive scatter plot visualizes the Iris dataset, comparing sepal length and width across three species of iris flowers. The visualization uses D3.js v7 to render an SVG chart with axes, labels, and a legend that highlights data points by species when hovered, using color categories from a BBC-inspired theme. It leverages D3's `scaleLinear`, `scaleOrdinal`, `axisBottom`, and `axisLeft` APIs, with data loaded asynchronously via `d3.csv`.

Ssowjanyateppali4202@gmail.com

79% match

Loading thumbnail…

Fork of Fork of D3 AI Template

This visualization displays the Iris dataset as a scatter plot, mapping sepal length and sepal width across three flower species with color-encoded points, a legend, title, and axis labels. It uses D3.js v7 with `d3.csv` for data loading, `scaleLinear` and `scaleOrdinal` for positioning and color, and `axisBottom`/`axisLeft` for axes. The code also includes interactive hover highlighting via the legend and `ResizeObserver` for responsive dimensions, rendering everything as SVG.

NNita

79% match

Loading thumbnail…

Fork of Fork of Task-3.2

This scatter plot visualizes the Iris dataset, showing sepal length against petal length. Points are colored and shaped by species, with a legend mapping shapes to species names. The visualization is built using D3 v7, specifically using `d3.scaleLinear`, `d3.scaleOrdinal`, `d3.symbol`, and `d3.axisLeft`/`d3.axisBottom` for axes. The code fetches a CSV file, parses it with `d3.csvParse`, and converts numeric columns to numbers before rendering the plot with SVG paths.

Vvchittimadha@gmail.com

79% match