Skip to main content
SimilarExport ZIP
100%

Activity6_Task3.2

✓ Published0🌍 Public
Ss.harshinisai01@gmail.com
Last edited Apr 11, 2024
Created on Apr 11, 2024

This example visualizes the Iris dataset as a scatter plot, mapping sepal length on the x-axis and petal length on the y-axis. Data points are drawn as different shapes corresponding to the three iris species, with a custom shape legend explaining the mapping. The code uses d3.csvParse to load the data and d3.scaleLinear, d3.scaleOrdinal, and d3.symbol to encode values and shapes. Axes are generated with d3.axisLeft and d3.axisBottom, while the visualization updates dynamically as data loads via a simple state-based rendering pattern.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Activity6_Task3.2

This example visualizes the Iris dataset as a scatter plot, mapping sepal length along the x-axis and petal length along the y-axis. The visualization uses distinct shapes to represent the three species of iris flowers, with a shape legend positioned to the right of the plot. Built with d3.v7, the code leverages d3.csvParse to load data from a GitHub repository, d3.scaleLinear for axis scaling, and d3.scaleOrdinal with d3.symbolsFill to assign different symbol types to each species. The SVG rendering includes custom axis labels and a shape legend created through d3 selection joins.

Mmaneeshraja47@gmail.com
96% match
Loading thumbnail…

Activity6_Task3.1

This example visualizes the Iris dataset as a scatter plot, mapping sepal length and petal length along the x- and y-axes while encoding species using distinct symbol shapes. The plot includes a custom shape legend and axis labels, with the data loaded from a remote CSV file. The visualization is built with D3 v7, using `scaleLinear`, `scaleOrdinal`, and `symbol` from the `d3` module to position points and generate shapes. Axes and legend are created through reusable local ES6 modules, `axes.js` and `shapeLegend.js`, which import functions like `axisLeft` and `axisBottom` from D3.

Hhaneesh@gctc.in
95% match
Loading thumbnail…

Activity-6_task-3.2

This example displays a scatter plot of the Iris dataset, mapping sepal length against petal length and encoding species using different symbol shapes. The visualization includes labeled axes and a custom shape legend, rendered with D3 v7. Data is loaded asynchronously via CSV parsing, and the code uses d3.scaleLinear, d3.scaleOrdinal, and d3.symbol to generate marks, while d3.axisBottom and d3.axisLeft create the axes.

Ccharanshiva769@gmail.com
95% match
Loading thumbnail…

Activity6_Task3.2

This example demonstrates a scatter plot of the Iris dataset, showing sepal length versus petal length with different point shapes representing species. The visualization loads data from a GitHub-hosted CSV file, parses it with `d3.csvParse`, and renders points using D3 v7's `scaleLinear`, `scaleOrdinal`, and `symbol` generators. A custom shape legend, implemented as an ES6 module, displays the three species with matching symbols. Axes are drawn using `axisLeft` and `axisBottom`, with labels positioned via D3 selection methods.

Gguttavenkata745@gmail.com
95% match
Loading thumbnail…

Activity6_Task3.2

This example shows a scatter plot of the Iris dataset, mapping sepal length and petal length along the x- and y-axes. It uses D3 v7 to load and parse the data via `csvParse`, and renders marks with `scaleLinear` and an ordinal shape scale using the symbols from `symbolsFill`. A custom legend displays the three species categories. The visualization is drawn in an SVG container sized to the window, with axes and labels generated by custom `axes` and `shapeLegend` modules.

Vvarshithainaganti@gmail.com
94% match
Loading thumbnail…

Activity6_Task3.2

This visualization displays the Iris dataset as a scatter plot, mapping sepal length on the x-axis and petal length on the y-axis, with species encoded through different symbol shapes and a legend. The code uses d3.scaleLinear, d3.scaleOrdinal, and d3.symbol to position points and assign shapes, while d3.axisBottom and d3.axisLeft render the axes. Data loads asynchronously from a CSV URL and is parsed with d3.csvParse, converting numeric fields before rendering the chart with custom axes and legend modules.

Vvenkatamanikantavaddi@my.unt.edu
94% match
Loading thumbnail…

Activity8_Task3.2

This example visualizes the Iris dataset as a scatter plot, mapping sepal length to the x-axis and petal length to the y-axis. The code uses a d3 scaleOrdinal and symbol generator to assign different shapes to each iris species, with a legend positioned on the right side. Data is loaded asynchronously via fetch from a GitHub-hosted CSV, parsed with d3.csvParse, and rendered using a SVG canvas. Axes are built using axisLeft and axisBottom.

Vvishnupriyapalagiri@gmail.com
94% match
Loading thumbnail…

Activity6_Task3.2

This example presents a scatter plot of the Iris dataset, mapping sepal length on the x-axis and petal length on the y-axis, while using different marker shapes to distinguish the three flower species. The visualization imports D3 v7 modules such as `scaleLinear`, `scaleOrdinal`, `symbol`, and `axisLeft`/`axisBottom` to build the chart and axes. It also includes a custom shape legend rendered via `symbolGenerator`. Data is loaded asynchronously from a CSV file using `csvParse`, with numeric fields parsed before the plot is updated.

Kkeerthana11.mcs@gmail.com
94% match