Skip to main content
SimilarExport ZIP
100%

task_3.2 supriya

✓ Published1🌍 Public
SSupriya Ravilla
Last edited Apr 8, 2024
Created on Apr 8, 2024
Forked from Hello VizHub

This example shows an interactive scatter plot of the Iris dataset, displaying sepal length against petal length. Each point is colored by species, and the plot includes a custom shape legend that maps each species to a distinct symbol using d3.scaleOrdinal and d3.symbolsFill. The visualization loads data from a remote CSV file using d3.csvParse and renders axes with d3.axisLeft and d3.axisBottom. D3 v7 selection methods like join and attr are used to update the SVG elements dynamically.

AI-generated description

An example showing the capabilities of VizHub:

  • Loads D3 via UNPKG.
  • Demonstrates use of import from "d3".
  • Demonstrates use of import from local ES6 modules.
MIT Licensed

Similar vizzes

Loading thumbnail…

que 3 supriya

This example demonstrates a scatter plot of the Iris dataset, showing sepal length against petal length with points colored and shaped by species. The visualization uses D3 v7 APIs including `scaleLinear`, `scaleOrdinal`, `symbolsFill`, and `symbol` to map data values to positions and shapes. A custom `shapeLegend` displays the species categories, while the `axes` module renders labeled axes. The data loads from a CSV file via `fetch` and `csvParse`, with the SVG canvas resizing to the window dimensions.

SSupriya Ravilla
93% match
Loading thumbnail…

task_3 supriya

This scatter plot visualizes the Iris dataset, showing the relationship between petal length and sepal length for three flower species. Colored circles (skyblue, lightgreen, and orange) distinguish setosa, versicolor, and virginica samples, with the x-axis and y-axis using d3.scaleLinear and d3.extent to map data ranges. The visualization loads CSV data via d3.csv, renders circles as SVG elements, and adds axes using d3.axisBottom and d3.axisLeft, with axis labels rotated for clarity. The code also sets circular radius and fill colors based on species values.

SSupriya Ravilla
92% match
Loading thumbnail…

Task3.2 of Activity6

This example displays the Iris dataset as an interactive scatter plot, mapping sepal length to the x-axis and petal length to the y-axis. Different species are encoded through distinct shapes using D3’s `symbol` generator and `scaleOrdinal` with `symbolsFill`, with a custom legend indicating the shape meanings. The visualization is built with D3 v7, using modular functions for axes and legends, and loads the data asynchronously from a GitHub-hosted CSV file.

VVenkataSaisrivishnuBatchu@my.unt.edu
89% match
Loading thumbnail…

Activity6_Task3.2

This example shows a scatter plot of the Iris dataset, encoding sepal length on the x-axis, petal length on the y-axis, and species using different D3 symbol shapes, with a legend for the shapes. The visualization loads data from a remote CSV file via `fetch` and `csvParse`, then uses `scaleLinear`, `scaleOrdinal`, and `symbol` to map data to positions and shapes. It builds the chart using `svg.call` with reusable modules for axes and legend, and updates dynamically through a state-based render loop.

Ssrilekhasridasyam@my.unt.edu
89% match
Loading thumbnail…

task 3.2

This example displays a scatter plot of the Iris dataset, plotting sepal length against petal length. Points are colored and shaped according to species, with a custom legend identifying each species by its unique symbol. The visualization uses D3.js (v7) to fetch and parse the CSV data from a GitHub repository, then renders the plot within an SVG. It constructs axis scales with `scaleLinear`, applies shape encodings through `scaleOrdinal` and `symbolsFill`, and generates marks via `symbolGenerator`, with axes and legends created by custom functions.

Ssatvikreddy79@gmail.com
88% match
Loading thumbnail…

task3.2

This example demonstrates a scatter plot of the Iris dataset, mapping sepal length to the x-axis, petal length to the y-axis, and encoding species with distinct shapes. The visualization uses D3's `scaleLinear`, `scaleOrdinal`, `symbolsFill`, and `symbol` APIs to render the data points, while `axisLeft` and `axisBottom` from D3 handle the axes. A custom shape legend is built using the `symbol()` generator. The data is loaded asynchronously via `fetch` from a remote CSV file, then parsed with `csvParse` before being rendered.

Yyashwanthkirla95@gmail.com
88% match
Loading thumbnail…

task3.2

This interactive scatter plot visualizes the Iris dataset, displaying sepal length against petal length while using distinct symbol shapes to represent the three Iris species. The visualization renders as an SVG graphic, with circles, crosses, and diamonds via d3.symbol to differentiate setosa, versicolor, and virginica samples. A custom shape legend guides interpretation. The implementation leverages D3 v7 modules including scaleLinear, scaleOrdinal, axisBottom, and axisLeft, with data loaded asynchronously through d3.csv from the seaborn-data repository.

GGanesh Gundekarla
88% match
Loading thumbnail…

Task_3.2

This visualization shows a scatter plot of the Iris dataset, mapping sepal length on the x-axis against petal length on the y-axis, with points styled by species using different D3 symbols. The code loads data from a CSV file via the Fetch API and parses it with d3.csvParse, then renders the plot using d3.scaleLinear for axes, d3.scaleOrdinal with d3.symbolsFill for shape encoding, and d3.axisLeft/axisBottom via the custom axes module. A custom shape legend module displays the species categories using d3.symbol, while D3’s join pattern handles dynamic element updates.

Rrakesh.kavuru@outlook.com
88% match