Tejasree Reddy

@Tejasree939·4 public vizzes

emmision_data

This example presents four linked D3.js visualizations of climate-related data from a CSV file: a pie chart of CO2 emissions for 1950, a line chart of cumulative CO2 emissions over time, a scatter plot of global mean sea level changes, and an area chart of per-capita CO2 emissions. Using d3.csv and d3.autoType to load and parse the data, the code builds each chart with d3.pie, d3.arc, d3.line, d3.area, and d3.scaleLinear, rendering SVG elements directly in the DOM.

Apr 3, 2025

Loading thumbnail…

emmisions_viz

This visualization presents four D3.js charts exploring historical emissions and climate data. A pie chart shows the share of CO2 emissions for the year 1950, while a line chart plots cumulative CO2 emissions over time. A scatter plot displays global mean sea level changes using the `gmsl_gia` metric, and an area chart depicts CO2 emissions per capita. The code loads data from a CSV file via `d3.csv`, using `d3.pie`, `d3.arc`, `d3.line`, and `d3.area` to render SVG elements. Each chart uses linear scales (`d3.scaleLinear`) for axes and color encoding.

Apr 3, 2025

Loading thumbnail…

area chart

This area chart displays the CRIM index for various towns in Boston. The visualization uses a filled area to represent the data values, with town names on the x-axis and the CRIM metric on the y-axis. Built with D3.js v7, the chart loads CSV data from a remote URL, parses it using `d3.csvParse`, and renders the area with a SVG path. The code employs `d3.scaleBand` and `d3.scaleLinear` for axes, with town labels rotated for readability.

Mar 27, 2025

Loading thumbnail…

teja_pie chart

This pie chart visualizes vehicle registration data, displaying the proportional counts of different vehicle types as colored slices. The chart uses orange, pink, yellow, and light blue sections, each labeled with its count and accompanied by a legend that identifies the vehicle type and value. Built with D3 v5, the visualization fetches data from a CSV file using `d3.csv` and constructs the pie chart with `d3.pie`, `d3.arc`, and `d3.scaleOrdinal` for color mapping. The SVG output includes value labels positioned via arc centroids and a separate legend group.

Mar 27, 2025