nalinreddy96@gmail.com

@Nalin-Reddy·5 public vizzes

Activity 6 Task 4

This bubble chart visualizes the popularity, average salary, and job postings for various programming languages. It encodes popularity on the x-axis, salary on the y-axis, and the number of job postings as the size of each bubble, with colors distinguishing each language. The visualization is built with D3 v7, using `d3.scaleLinear` for axes and bubble sizing, and `d3.schemeCategory10` for color assignment. Interactive tooltips appear on hover, displaying the exact values for each language. The data is loaded from a CSV file.

Apr 6, 2025

Loading thumbnail…

Activity 6 task 3 question

This scatter plot visualizes a vehicle dataset, showing the relationship between fuel efficiency and vehicle size. The plot distinguishes vehicle types by shape and color: cars appear as sky-blue circles, trucks as light-green squares, and other types as orange triangles. The visualization uses D3 v6 to load CSV data, map data points to screen coordinates, and generate the SVG output. It employs `d3.scaleLinear` for axes scaling, `d3.extent` to determine data domains, and `d3.symbol` to construct the different marker shapes. Axis labels provide context for both variables.

Apr 5, 2025

Loading thumbnail…

Activity 6 Task 3

This visualization displays the Iris dataset as a scatter plot of petal length against petal width, with each species represented by a distinct shape and color: setosa as skyblue circles, versicolor as lightgreen squares, and virginica as orange triangles. A red title labels the chart, and the axes are green with larger fonts. The code uses D3 v6 to load CSV data via `d3.csv`, scales with `scaleLinear`, and draws marks using `d3.symbol` with `symbolCircle`, `symbolSquare`, and `symbolTriangle`. Axis rendering employs `axisLeft` and `axisBottom`.

Apr 5, 2025

Loading thumbnail…

Activity 6 task 1

This interactive bar chart visualizes the 2010 population estimates for 20 countries, using a horizontal layout with a logarithmic-style axis formatting that converts values to billions. The visualization is built with React and D3 v5, where the `scaleBand` and `scaleLinear` functions handle the country and population scales respectively. Data is loaded asynchronously from a remote CSV file using `d3.csv`, and the chart includes custom `AxisBottom` and `AxisLeft` components that render ticks and labels. Each bar displays a tooltip with the formatted population value, while the chart employs a green color scheme and the Poppins font family.

Apr 5, 2025

Loading thumbnail…

Activity 6 Task 2

A stacked horizontal bar chart displays car sales percentages across six regions for five vehicle types. The chart uses d3.scaleBand for regional categories and d3.scaleLinear for the percentage scale, with d3.stack organizing the cumulative segments. Data from a CSV file is rendered as SVG rectangles, colored via d3.scaleOrdinal, and includes interactive tooltips on mouseover showing exact percentages.

Apr 5, 2025