A6_T3.2

Llingaladineshteja23@gmail.com

activity6_t3.2

This interactive D3 v7 scatter plot visualizes the Iris dataset, plotting sepal length against petal length for individual flowers. The visualization encodes the categorical species variable through different point shapes, with a custom legend annotating each shape. Built using a modular structure with `scatterPlot`, `axes`, and `shapeLegend` modules, the example employs D3’s `scaleLinear`, `scaleOrdinal`, and `symbol` APIs to map data to positions and glyphs, while `csvParse` loads the remote CSV data. The chart updates dynamically within an SVG canvas sized to the browser window.

t3.2

This example uses a D3.js scatter plot to visualize the Iris dataset, plotting sepal length against petal length while encoding species through distinct point shapes. The visualization includes labeled axes, a custom shape legend, and a responsive SVG canvas that fills the browser window. The code leverages D3’s `scaleLinear`, `scaleOrdinal`, `symbolsFill`, and `symbol` APIs, along with helper modules for axes and legend rendering, and fetches the CSV data from a remote GitHub repository.

Aamshureddy13@gmail.com

act6 t3.2

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.

Sshravan.s0710@gmail.com

Vvineelaviswanadham07@gmail.com

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.

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

Aaashrithas2000@gmail.com

Activity6_t3.2

This scatter plot visualizes the Iris dataset, mapping sepal length on the x-axis and petal length on the y-axis while using different symbols to distinguish between species. The D3.js v7 code constructs the visualization using `scaleLinear` for axes, `scaleOrdinal` with `symbolsFill` for shape encoding, and a custom shape legend. Data is loaded asynchronously from a CSV file hosted on GitHub, with axes and labels configured through custom functions.

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

Bbhavanadupati3@gmail.com

Activity_6 T3

This scatter plot visualizes the Iris dataset, mapping sepal length against petal length and encoding species identity through distinct point shapes. The visualization uses D3 v7's scaleLinear, scaleOrdinal, and symbolsFill APIs to construct the axes and shape-based legend. Data is loaded from a remote CSV file via csvParse and rendered into SVG paths using the symbol generator. The example demonstrates modular code organization with local ES6 modules for axes, scatter plot, and shape legend components.