Vinish Reddy Kamireddy

Task 5

Task 4

Task 3

This bubble chart explores the relationship among three variables for 30 countries: oil consumption (represented by bubble area), total COVID-19 cases per million (x-axis), and population density (y-axis). It uses a filtered subset of a CSV dataset, limiting to densities under 1000. Built with D3 v7, the visualization employs `d3.scaleLinear` for axes, `d3.scaleSqrt` for radius scaling, and `d3.scaleOrdinal` for color. Interactive tooltips appear on mouseover, revealing exact values.

Task 2

This scatter plot displays the relationship between energy consumption and COVID-19 cases per million across countries, using a rainbow color scale to encode consumption values. The visualization loads data from a CSV file, filters out outliers, and renders points as SVG symbols using D3 v6. It employs d3.scaleLinear for both axes, d3.scaleSequential with d3.interpolateRainbow for coloring, and axis generators for the bottom and left scales.

Task 1

This visualization displays a horizontal bar chart comparing COVID-19 total cases per million across the first 20 countries from the dataset, with each bar's length representing case counts. Hovering over a bar reveals a tooltip showing that country's fuel price per liter. The chart is rendered as an SVG using D3 v6, with d3.scaleBand for the categorical country axis, d3.scaleLinear for the quantitative case axis, and d3.csv to load the data.

Fork of Fork of Fork of Fork of Fork of Buddha in colors -overlapping Buddha

This generative visualization uses React and SVG to render overlapping, rotated Buddha-like forms. The code randomly assigns coordinates, fill colors, and rotation transformations to thousands of polygon elements, creating a dense, layered composition. The main Buddha path is drawn with a large, intricate SVG path string, centered and scaled. The background is a solid black canvas, with the colorful, chaotic polygons forming a vivid, stacked collage that obscures the central figure.

Fork of Fork of Fork of Fork of Fork of Buddha in colors -overlapping Buddha

A dense scatter of small circles, rendered in random RGB colors, overlaps a large black-and-white line drawing of a meditating figure. The circles are generated by nested `Array.map` calls over an array of 21 integers, computing each circle’s position from the index multiplied by 100 and a random value. The SVG uses React components and JSX, with the Buddha path drawn via a `<path>` element inside a `<g>` transformation.