Skip to main content
SimilarExport ZIP
100%

DV TASK-8(3.2)

✓ Published0🌍 Public
Nnagabinduk2023@gmail.com
Last edited Apr 9, 2024
Created on Apr 9, 2024
Forked from Hello VizHub

This visualization is a scatter plot of the Iris flower dataset, showing sepal length against petal length, with points colored by species. It demonstrates a clean, modular D3.js v7 approach using ES6 modules and the `d3.select` and `d3.join` APIs for efficient SVG rendering. The plot is drawn with `d3.scaleLinear` axes and `d3.scaleOrdinal` shape encoding, while a custom legend shows the species using `d3.symbol`. Data is loaded via a CSV file fetched from a remote repository, and coordinates and numeric fields are parsed with `d3.csvParse`. The example highlights reusable, declarative chart components built with the `d3` module.

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…

DV TASK-8(3)

This example displays a scatter plot of the Iris dataset, mapping petal length and width for the x and y axes while coloring each point according to its species: setosa, versicolor, or virginica. The visualization uses D3 v6 API functions such as `csv` for data loading, `scaleLinear` for axis scaling, `extent` for domain calculation, and `axisLeft` and `axisBottom` to draw the chart's axes. The SVG circles are rendered with the `select` and `join` methods, with a fixed radius of 5 pixels.

Nnagabinduk2023@gmail.com
90% match
Loading thumbnail…

DV A6 T2

This scatter plot visualizes the Iris dataset, showing the relationship between sepal length and petal length for three flower species, with tooltips revealing exact values on hover. Using D3.js v7, the visualization loads CSV data via `d3.csv`, maps the variables to linear scales with `d3.scaleLinear`, and assigns categorical colors with `d3.scaleOrdinal`. The code renders the plot as SVG, drawing axes with `d3.axisBottom` and `d3.axisLeft`, and includes gridlines, axis labels, and a chart title, with hover interactions handled through mouse events and a custom tooltip element.

Vvineelaviswanadham07@gmail.com
90% match
Loading thumbnail…

Activity8_Task3-2_DV_LB

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 points colored by species shape using distinct symbols. The chart uses D3 v7 APIs including `scaleLinear`, `scaleOrdinal`, and `symbolGenerator` to render marks, while a custom shape legend with `axisLeft` and `axisBottom` from the axes module clarifies the categorical mapping. Data is loaded from a CSV file via `csvParse`, and the plot is built with `select`, `join`, and margin-based scales.

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

Task-8

This example visualizes the Iris dataset as a scatter plot, mapping sepal length to the x-axis and petal length to the y-axis, while using distinct symbols to encode the species of each flower. A legend on the right identifies the shape-to-species mapping. The visualization is built with D3 v7, using `scaleLinear`, `scaleOrdinal`, `symbolsFill`, and `symbol` to generate the marks, along with custom axis and legend modules. Data is loaded asynchronously via `fetch` and parsed with `csvParse` from a remote CSV file.

Ppraneeth7222@gmail.com
89% match
Loading thumbnail…

activity6_task3.2

This scatter plot visualizes the Iris dataset, showing sepal length against petal length, with dots colored and shaped by species. The visualization uses D3 v7’s modular API, including `scaleLinear` and `scaleOrdinal` for scales, `symbol` for generating mark paths, and `axisLeft`/`axisBottom` for axes. A custom legend with `symbolGenerator` maps each species to a distinct shape. The code fetches and parses the CSV data using `csvParse` and dynamically sizes the SVG to the viewport.

Bbhavyamoturi2509@gmail.com
89% match
Loading thumbnail…

Activity8_Task3_2

This example presents a scatter plot of the Iris dataset, showing sepal length on the x-axis and petal length on the y-axis, with points shaped according to species. Built with D3 v7, the visualization uses `d3.scaleLinear` for axes, `d3.scaleOrdinal` with `symbolsFill` for categorical shapes, and `d3.symbol` to generate the point glyphs. A custom legend uses `d3.symbol` similarly. The data is loaded asynchronously via `fetch` and parsed with `d3.csvParse`, then rendered into an SVG using declarative joins.

LLakshmi Keerthi
89% match
Loading thumbnail…

Activity8_Task-3.2

This scatter plot displays iris flower measurements, plotting sepal length on the x-axis against petal length on the y-axis, with different species differentiated by shape markers and a legend. The visualization loads CSV data from a GitHub repository, parses it with `d3.csvParse`, and renders the chart using D3 v7’s `scaleLinear` and `scaleOrdinal` for scales, `symbolsFill` for shape encoding, and custom components for axes and shape legend. The plot utilizes `d3.select` and the join pattern to manage SVG elements dynamically, with the legend positioned at a fixed offset.

HHarika Metta
88% match
Loading thumbnail…

Activity-6-Task-3.2

This scatter plot visualizes the Iris dataset, mapping sepal length and petal length on the x- and y-axes, with different species represented by distinct point shapes. The visualization includes labeled axes and a custom shape legend to identify each species. Built with D3 v7, it uses `select` and `join` for efficient DOM updates, `scaleLinear` and `scaleOrdinal` for scaling, and `symbol` for generating point paths. Data is loaded asynchronously from a remote CSV via `csvParse`, with numeric fields converted before rendering.

Kkotasc18@gmail.com
88% match