Skip to main content
SimilarExport ZIP
100%

Fork of tutorial3_extended

✓ Published0🌍 Public
Kkaushikreddy901@gmail.com
Last edited Apr 15, 2024
Created on Apr 15, 2024
Forked from 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.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of Tutorial 3.2 : Scatter plot

This scatter plot visualizes the Iris dataset, plotting sepal length against petal length with each point’s shape encoding the species. The visualization uses D3 v7 APIs including `scaleLinear`, `scaleOrdinal`, `symbolsFill`, and joins to render axes and a shape legend. Data is loaded via `csvParse` from a GitHub-hosted CSV file, with numerical columns parsed and passed to the scatter plot for dynamic rendering.

Aajaykumarseelam@my.unt.edu
91% match
Loading thumbnail…

Tutorial 3.2

This scatter plot displays the relationship between sepal length and petal length for iris flowers, with species differentiated by symbol shapes. The visualization uses D3 v7's scaleLinear for axes, scaleOrdinal with symbolsFill for shape encoding, and a custom shape legend to identify species. Data is loaded asynchronously from a CSV file containing the classic iris dataset. The axes and legend components are modularized into separate functions, with the chart updating responsively to the browser window size.

Jjtulasi05@gmail.com
90% match
Loading thumbnail…

Task8_Tutorial3.2

This scatter plot displays the relationship between sepal length and petal length for the Iris dataset, with points colored and shaped by species. It uses D3 v7’s `scaleLinear` and `scaleOrdinal` for axes and shape encoding, while `symbol` and `symbolsFill` generate distinct point markers. Data is loaded from a remote CSV via `csvParse`.

Sshraehithareddy@gmail.com
90% match
Loading thumbnail…

Fork of Scatter Plot Simple

This scatter plot visualizes the Iris Dataset, showing the relationship between sepal length and petal length across three species. The chart displays colored circles without axes, using D3 v7's `scaleLinear` and `extent` functions to map data values to SVG coordinates. The visualization is made responsive by applying a `viewBox` attribute instead of fixed width and height, while CSS `clamp` controls the SVG's displayed size. Data is loaded from a CSV file and parsed with `csvParse` before rendering.

Zzach b.
90% match
Loading thumbnail…

Fork of Activity6_Tutorial3.2

This visualization displays the classic Iris dataset as a scatter plot, mapping sepal length against petal length while encoding the three iris species through distinct symbol shapes. The plot uses D3 v7’s `scaleLinear`, `scaleOrdinal`, and `symbol` APIs to position and shape the marks, with a custom `axes` module and a shape legend generated via `symbolGenerator`. Data is loaded from a remote CSV file using `csvParse`, and the visualization updates dynamically as the window resizes.

Ggreeshmareddy135@gmail.com
89% match
Loading thumbnail…

Fork of Fork of Activity-6_task3.2

This scatter plot visualizes the Iris dataset, plotting sepal length against petal length while encoding species by shape. Using D3 v7, it creates a linear x- and y-axis, with a custom shape legend explaining the species mapping. The implementation leverages D3’s `scaleLinear`, `scaleOrdinal`, `symbolsFill`, and `symbol` APIs to render the marks and legend. Data is loaded from a remote CSV, parsed with `csvParse`, and mapped to numeric fields before being passed to the plot.

Aakitisaitejareddy@gmail.com
89% match
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
89% match
Loading thumbnail…

activity6_tutorial3.2

This interactive scatter plot visualizes the Iris dataset, displaying sepal length against petal length. Points are color-coded by species using a shape-based legend, with axes labeled accordingly. Built with D3 v7, the visualization dynamically loads CSV data from GitHub and uses `scaleLinear`, `scaleOrdinal`, `symbolsFill`, and `symbol` APIs for scaling and rendering. The code structure separates chart components into modular functions for axes, shape legends, and the main scatter plot, with a reactive state management pattern handling asynchronous data fetching and re-rendering on updates.

1188r1a0559@gmail.com
89% match