Skip to main content
SimilarExport ZIP
100%

Fork of question 3

✓ Published0🌍 Public
Aasheshpinisetti@my.unt.edu
Last edited Apr 15, 2024
Created on Apr 15, 2024
Forked from question 3

This example displays Fisher’s iris dataset as a scatter plot mapping sepal length against petal length. Points are colored and shaped by species, using D3’s `scaleOrdinal` and `symbolsFill` to assign distinct symbols. A legend, built with D3’s `symbol` generator, identifies each species. The plot features axes labeled with Sepal Length and Petal Length, generated via `axisLeft` and `axisBottom`, and loads data from a CSV using `csvParse`.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Fork oftutorial 3.2, Scatter Plot with Shape

This example visualizes the Iris dataset as a scatter plot of sepal length against petal length, with each of the three species distinguished by a different symbol shape. The chart includes labeled axes and a separate legend mapping species names to their corresponding shapes. The visualization is built with D3 v7, using scaleLinear for axes, scaleOrdinal with symbolsFill for shapes, and d3.symbol to generate the marked points. Data is loaded asynchronously from a CSV file and parsed with d3.csvParse.

RRakesh Yadav
86% match
Loading thumbnail…

Fork of D3 Scatter Plot

This visualization displays the Iris Dataset as a scatter plot, mapping petal length on the x-axis and sepal length on the y-axis. Each flower is represented by a small circle, with axes generated using `d3.axisLeft` and `d3.axisBottom`. The code loads CSV data via `d3.csv`, parses numeric columns, and applies `d3.scaleLinear` with `d3.extent` to set the scales. The SVG chart resizes to the full browser window, and circles are rendered using `d3.selectAll` with a `.join()` pattern.

Aaashrithd4
86% match
Loading thumbnail…

Fork of Fork of Scatter Plot with Shape

This example displays Fisher’s iris dataset as a scatter plot of sepal versus petal length, encoding species with different filled shapes. It builds on D3 v7 APIs—d3.scaleOrdinal, d3.symbolsFill, d3.symbol, and axis functions—to generate custom SVG paths for each mark and a dedicated shape legend. A reusable axes module applies left and bottom scales with labeled axes. Data is loaded as CSV from a GitHub repository and parsed with d3.csvParse before being converted to numeric values.

Pperamranji
85% match
Loading thumbnail…

Fork of Fork of Scatter Plot with Shape

This example displays Fisher’s iris dataset as a scatter plot of sepal versus petal length, encoding species with different filled shapes. It builds on D3 v7 APIs—d3.scaleOrdinal, d3.symbolsFill, d3.symbol, and axis functions—to generate custom SVG paths for each mark and a dedicated shape legend. A reusable axes module applies left and bottom scales with labeled axes. Data is loaded as CSV from a GitHub repository and parsed with d3.csvParse before being converted to numeric values.

Pperamranji
85% match
Loading thumbnail…

Fork of tutorial3_extended

This scatter plot displays the relationship between sepal length and petal length for the Iris dataset, with points colored and shaped by species. The plot is built using D3 v7’s modular APIs, including `scaleLinear` for axes, `scaleOrdinal` with `symbolsFill` for shape mapping, and a custom `axes` module for labeled axes. A separate legend, created with `symbol` and `tick` elements, clarifies the species symbols. Data is fetched from a remote CSV and parsed with `csvParse`, while the chart’s size adapts to the browser window.

Kkaushikreddy901@gmail.com
85% match
Loading thumbnail…

Fork of Fork of Scatter Plot with Shape

This scatter plot displays Iris flower measurements, plotting sepal length against petal length for three species. The visualization uses SVG symbols from d3.symbol and d3.symbolsFill to differentiate species by shape, with a custom legend showing the shape-to-species mapping. The code imports from d3 modules (d3.axisLeft, d3.axisBottom, d3.scaleOrdinal, d3.extent) to build scales, axes, and marks, while asynchronously loading and parsing the iris dataset from a remote CSV via d3.csvParse.

BBhavanaGIrni
85% match
Loading thumbnail…

Fork of Fork of Scatter Plot with Shape

This example uses the Iris flower dataset to display a scatter plot of sepal length against petal length, with each of the three species differentiated by a distinct symbol shape. The visualization separates the axes and legend into reusable modules, employing D3’s `scaleOrdinal`, `symbolsFill`, and `symbolGenerator` to render the shapes. A custom legend component maps each species to its corresponding glyph, while the chart updates asynchronously after fetching and parsing the CSV data with `csvParse`. The code relies on D3 v7 APIs including `axisLeft`, `axisBottom`, and `scaleLinear`.

Jjasthilavanya2022@gmail.com
85% match
Loading thumbnail…

Fork of Activity6_question3

This scatter plot visualizes the Iris dataset, mapping petal length and width on the x- and y-axes while coloring each point by species. It also encodes sepal measurements as the horizontal and vertical radii of the circular marks, though the visual effect is subtle. Built with D3 v6, the code loads CSV data via `d3.csv`, scales it with `d3.scaleLinear`, and renders SVG circles using `selectAll` and `join`. Axis labels are added with `axisLeft` and `axisBottom`. Data is sourced from a GitHub-hosted CSV file.

Ssuchigeneralpur@gmail.com
85% match