hemanthmaddila13@gmail.com

hemanth 71

hemanth 11727971

Activity6_Task4

Activity6_Task3

Activity6_Task4

Activity6_Task3.2

This scatter plot visualizes the Iris dataset, mapping sepal length on the x-axis and petal length on the y-axis, with each species distinguished by a different symbol shape. The D3-based visualization uses `scaleLinear` and `scaleOrdinal` to map data dimensions, while `symbolsFill` and a custom symbol generator render the shape-encoded marks. An accompanying legend, built with `shapeLegend`, identifies each species, and axis labels clarify the measurements. The chart loads CSV data asynchronously and displays it across the full browser window.

Activity6_Task3

Activity6_Task3

This scatter plot visualizes the Iris dataset, mapping petal length to the x-axis and petal width to the y-axis, with each point colored by species (setosa, versicolor, or virginica). The visualization uses D3 v6, loaded via UNPKG, and renders as SVG with circles sized using a fixed radius while also binding raw sepal measurements as non-visual attributes. Data is loaded asynchronously from a GitHub-hosted CSV file using `d3.csv`, with axes created through `axisLeft` and `axisBottom`, and scales defined by `scaleLinear` with domains from `extent`. The code uses ES6 modules for local imports and demonstrates full-window responsive scaling.

Activity6_Task2

Activity6_Task2

Activity6_Task2

This visualization displays survey responses about internet safety knowledge, using a stacked bar chart to compare results against how frequently people use the internet. The chart aggregates counts of respondents by sex, with bars segmented by usage frequency categories. Built with D3 v5 and Vega-Lite, it pulls data from a remote CSV file and uses vertical axis labels to maximize title space. The code implements tooltips and custom color schemes, though the tooltip functionality is not yet active.

Activity6_Task2

activity 6_Task 1

This example shows a horizontal bar chart of population data for 20 countries in 2010, with country names on the y-axis and population values on the x-axis. The visualization uses React components to render SVG elements, with D3’s `scaleBand` and `scaleLinear` for positioning and scaling. Data is loaded asynchronously from a CSV file via `d3.csv`, and each bar includes a native `<title>` element for tooltip display. Axis ticks and labels are generated through custom React components, with numbers formatted using `d3.format`.

activity 6_Task 1

activity 6_Task 1

activity 6_Task 1

activity 6_Task 1

A horizontal bar chart displays population figures for 30 countries, using the year 2020 data from a CSV file sourced via GitHub. The visualization uses React with D3 v5, leveraging reusable axis and mark components to render the bars and scales. Axes are drawn with custom ES6 modules, while data loading relies on D3’s `csv` method, and native SVG `<title>` elements provide hover tooltips showing numeric values.

Fork of Fork of budha

This visualization renders a dense, generative mandala-like composition using React and SVG. It maps a repeating set of coordinates through a series of nested loops, drawing semi-transparent polygons with randomized positions, colors, and rotations. A single intricate path—the "budha" silhouette—is overlaid at a fixed translation, creating a contrast between the chaotic, colorful geometric scatter and the structured, monochrome linework. The black background and full-viewport canvas amplify the glowing, kaleidoscopic effect of the randomly generated shapes.

Fork of budha

A dense constellation of small, randomly colored circles is generated by the React component, while a single large, ornate SVG path labeled “budha” is layered on top with a semi-transparent stroke and intricate swirl details, creating a chaotic, generative composition against a black background.