Skip to main content
SimilarExport ZIP
100%

Fork of t3.2

✓ Published0🌍 Public
Aamshureddy13@gmail.com
Last edited Oct 22, 2024
Created on Oct 22, 2024
Forked from t3.2

This visualization is a scatter plot of the Iris dataset, plotting sepal length against petal length, with each flower species represented by a distinct symbol shape. The chart uses D3 v7’s scaleLinear for axes, scaleOrdinal with symbolsFill to map species to different marker shapes, and a custom shape legend to identify the three species. Data is loaded from a remote CSV file via csvParse, and the plot is rendered as SVG paths using the d3.symbol generator. The axes are drawn with axisLeft and axisBottom.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

t3.2

This example uses a D3.js scatter plot to visualize the Iris dataset, plotting sepal length against petal length while encoding species through distinct point shapes. The visualization includes labeled axes, a custom shape legend, and a responsive SVG canvas that fills the browser window. The code leverages D3’s `scaleLinear`, `scaleOrdinal`, `symbolsFill`, and `symbol` APIs, along with helper modules for axes and legend rendering, and fetches the CSV data from a remote GitHub repository.

Aamshureddy13@gmail.com
92% match
Loading thumbnail…

Fork of t3

This scatter plot visualizes the Iris dataset, mapping petal length and width on the x- and y-axes while coloring each point by species (setosa, versicolor, or virginica). The chart loads CSV data from a GitHub gist and uses D3 v6’s `scaleLinear`, `extent`, `axisLeft`, and `axisBottom` to render axes. Circles are drawn with SVG, with fill colors assigned via a switch statement per species. Axis labels display rotated text, and the plot fills the browser window with a responsive width and height.

Aamshureddy13@gmail.com
92% 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
91% match
Loading thumbnail…

Fork of Fork of Scatter Plot with Shape

This scatter plot visualizes the Iris dataset, mapping sepal length against petal length for three species. Each species is represented by a distinct symbol shape, with a legend showing the mapping between the categorical species variable and the corresponding shape. The visualization uses D3 v7, employing `scaleLinear` for the axes, `scaleOrdinal` with `symbolsFill` for shape encoding, and custom modules for axes and legend rendering. Data is loaded from a remote CSV file and parsed using `csvParse`.

Vvenkatdinesh5010@gmail.com
90% match
Loading thumbnail…

Fork of activity 6_tutorial 3.2

This scatter plot visualizes the Iris dataset, showing sepal length against petal length, with species distinguished by different d3 symbol shapes. A shape legend identifies the three species categories, while labeled axes display the quantitative measurements. Built with D3 v7, the visualization uses modular JavaScript functions including `scaleLinear`, `scaleOrdinal`, `symbolGenerator`, and custom axis and legend components. The data is loaded asynchronously from a remote CSV file and parsed using `csvParse`, with the plot rendering across the full browser window.

Aanusha.chilkamarri26@gmail.com
90% match
Loading thumbnail…

Fork of Fork of Scatter Plot with Shape

This example shows the classic Iris dataset as a scatter plot of sepal length against petal length, with each species represented by a distinct D3 symbol shape. The visualization includes labeled axes and a shape legend identifying the three species. It uses d3.scaleLinear for positioning, d3.scaleOrdinal with symbolsFill for mapping species to symbol types, and d3.axisLeft/axisBottom for axes. Data loads from a remote CSV and is parsed with d3.csvParse, with the chart rendered using d3-selection joins inside a resizable SVG.

Ssathvik0311@gmail.com
90% match
Loading thumbnail…

Fork of D3 Scatter Plot

This is a scatter plot of the Iris dataset, showing sepal length against petal length, with each flower species represented by a translucent circle. The visualization is built with D3 v7, using `d3.csv` to load data, `scaleLinear` and `extent` to map values, and `axisLeft`/`axisBottom` for the axes. Circles are rendered as SVG elements with a fill opacity of 0.5. The example demonstrates a modular structure with separate files for data fetching, axis rendering, and the main visualization logic.

Ttebanieo
89% match
Loading thumbnail…

Fork of task3.2

This visualization shows the classic Iris dataset as a scatter plot of sepal length against petal length, with points colored and shaped by species using D3 v7. The code employs `scaleLinear` for axes, `scaleOrdinal` with `symbolsFill` to map species to distinct shapes, and custom legend and axis modules. Data is loaded from a CSV via `csvParse` and rendered with `d3.symbol` paths sized at 200 pixels. The plot uses a viewport-sized SVG with margins, updating interactively based on window dimensions.

JJaswanthkota@my.unt.edu
89% match