Skip to main content
SimilarExport ZIP
100%

act6 t3.2

✓ Published0🌍 Public
Sshravan.s0710@gmail.com
Last edited Apr 4, 2024
Created on Apr 4, 2024
Forked from Hello VizHub

This example visualizes the Iris dataset as a scatter plot, showing sepal length against petal length for different species. The species are distinguished using different symbols via a categorical color scale and a shape legend with tick marks. The visualization is built with D3 v7, using scaleLinear, scaleOrdinal, symbol, axisLeft, and axisBottom. Data is loaded asynchronously from a CSV file using d3.csvParse and rendered into an SVG, with modular functions for axes, scatter plot, and legend composition.

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…

act 6 t3.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, with each species represented by a distinct symbol from d3.symbol and symbolsFill. The visualization loads data from a remote CSV file via d3.csvParse, converting numeric columns before rendering. The code demonstrates the use of local ES6 modules—importing axes and shapeLegend components—alongside d3.axisLeft, d3.axisBottom, d3.scaleLinear, and d3.scaleOrdinal to manage scales, axes, and a custom shape legend.

Ppavithranamburi24@gmail.com
95% match
Loading thumbnail…

ACT6_TUT3.2

This scatter plot visualizes the Iris dataset, mapping sepal length to the x-axis and petal length to the y-axis. Each point is rendered as a distinct symbol (circle, square, or triangle) corresponding to the flower species, with a custom legend explaining the shapes. The visualization is built using D3 v7, leveraging modules like `scaleLinear`, `scaleOrdinal`, `symbol`, and `csvParse`. Data is loaded asynchronously from a remote CSV file, and axes and labels are drawn via custom functions.

RRevanth putta
93% match
Loading thumbnail…

act6t3

This example visualizes the Iris dataset as a scatter plot, mapping petal length against petal width on the x- and y-axes while also encoding sepal dimensions as additional point properties. It uses D3 v6 to load CSV data from a GitHub gist, apply linear scales, and render colored SVG circles distinguished by iris species. The code explicitly uses `d3.csv`, `scaleLinear`, `extent`, `axisLeft`, and `axisBottom`, with an asynchronous main function to draw the chart on an SVG canvas sized to the window.

Sshravan.s0710@gmail.com
93% match
Loading thumbnail…

Act6_Q3

This example shows a scatter plot of the Iris dataset, mapping sepal length to petal length for individual flower specimens. The visualization encodes each species with a distinct symbol shape and a categorical color, with a legend identifying the mapping. The code uses d3.scaleLinear for positioning axes, d3.scaleOrdinal with symbolsFill for shape encoding, and d3.schemeCategory10 for coloring. Data is loaded asynchronously via fetch and parsed with d3.csvParse, with the visualization rendered by d3.select and .join methods.

JJean
93% match
Loading thumbnail…

activity6ttt2

A scatter plot displays sepal length against petal length for the Iris dataset, with each species represented by a distinct symbol shape. The visualization includes labeled axes and a legend identifying the three species categories. It uses D3 v7 with scaleLinear for positioning, scaleOrdinal with symbolsFill for shape encoding, and d3.csvParse to load the remote CSV data. Axis labels and the legend are rendered through custom modules that create SVG elements.

Ssaitejakaranam10@gmail.com
92% match
Loading thumbnail…

activity 6_tutorial 3.2

This example shows the classic Iris dataset as a scatter plot of sepal length against petal length, with each species distinguished by a unique symbol shape. A legend identifies the three species by their corresponding shapes. The visualization uses D3 v7 to load and parse the CSV data, then renders marks using d3.symbol and d3.symbolsFill. Axes are drawn with d3.axisBottom and d3.axisLeft, while scales for position and shape are created with d3.scaleLinear and d3.scaleOrdinal.

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

Activity6_tutorial3.2

This interactive scatter plot visualizes the Iris dataset, showing sepal length against petal length with each species represented by a distinct symbol. The visualization uses D3.js v7 APIs including scaleLinear, scaleOrdinal, and symbol to create the plot, with axes imported from the d3-axis module. A custom shape legend displays the species mapping using D3's symbol generator. The data is loaded asynchronously from a remote CSV file and parsed using d3.csvParse, with careful number coercion for numeric columns.

Vvenkatdinesh5010@gmail.com
92% match
Loading thumbnail…

act_6_3.2task

This example shows a scatter plot of the Iris dataset, comparing sepal length against petal length, with the species of each flower distinguished by different symbols. A shape legend identifies the three species. The visualization uses d3.v7 with functions like `scaleLinear`, `scaleOrdinal`, and `symbol` to map data to positions and shapes, while `axisLeft` and `axisBottom` render the axes. Data is loaded as CSV from a remote GitHub source.

Hhlmn4936@gmail.com
92% match