reddyyeddula16@gmail.com

@reddy162002·3 public vizzes

ry0214_question 2

This example visualizes the relationship between vehicle horsepower and highway fuel efficiency (MPG) across 31 car makes, from Scion to Maybach. An area chart displays the trend, with horsepower on the x-axis and highway MPG on the y-axis, using a semi-transparent steelblue fill to emphasize the decline in fuel economy as engine power increases. The visualization is built with D3 v7, employing `d3.scaleLinear` for axes, `d3.area` for the shaded region, and `d3.axisBottom`/`d3.axisLeft` for labeled ticks, alongside a simple legend. The SVG rendering uses data embedded directly in the script, with margins and dimensions set for a clean 800x500 layout.

Mar 22, 2025

Loading thumbnail…

ry0214_Question 1

This pie chart visualizes the species distribution in the Iris dataset, displaying the proportional counts of setosa, versicolor, and virginica flowers. The D3.js v7 code counts occurrences from an embedded array and renders the chart as an SVG using `d3.pie()` for arc generation and `d3.arc()` for path construction. A categorical color scale (`d3.scaleOrdinal`) assigns distinct hues to each species, with white labels positioned at arc centroids. A horizontal HTML legend below the chart matches colored squares to species names. The dataset contains 150 sample records, though only a subset is listed in the provided code stub.

Mar 22, 2025

Loading thumbnail…

ry0214_Assignment 2

This example demonstrates a minimal Hello VizHub application that displays the message “Hello VizHub!” in the center of the page. It loads D3 v6 from UNPKG and uses the `select` API to target the `#message` div and set its text content. The code also imports a local ES6 module, `myMessage.js`, to supply the message string, while CSS styles the text with large, centered formatting.

Mar 22, 2025