Skip to main content
SimilarExport ZIP
100%

CSCE 5320 HW6 - Rules of Thumb - Teja

✓ Published0🌍 Public
TTEJA P C
Last edited Sep 30, 2026
Created on Sep 30, 2026
Forked from HTML Starter

This interactive chart by Teja explores the impact of design choices on data interpretation, comparing 3D versus 2D views, small multiples against animation, and immediate versus delayed tooltips. Using D3.js v7, the visualization plots 50 countries' income, carbon emissions, and renewable energy from 2018–2023 as an SVG with animation, featuring draggable rotation, a playback controller, and hover tooltips. The source dataset is provided as a fallback CSV, with one missing renewable value excluded from Q1.

AI-generated description

CSCE 5320 HW6

I am Teja. I compare 3D with 2D, small multiples with animation, and immediate with delayed tooltips. Source: instructor-provided fallback CSV. One missing renewable value is excluded from Q1 only.

MIT Licensed

Similar vizzes

Loading thumbnail…

CSCE 5320 HW6 - Rules of Thumb

This interactive D3 visualization tests the “rules of thumb” for scatterplot design using Gapminder data on GDP per capita, life expectancy, and population from 1982–2007. Users can load data via URL or file, then compare different chart types—SVG-based with animation, WebGL, and a Plotly 3D view—to see how mark size, color, and layout affect perceptibility. The interface includes brushing, selection, and hover tooltips via d3.pointer, with performance timers displayed for each rendering method.

Ssoumendranathbanerjee999@gmail.com
80% match
Loading thumbnail…

assignment 6

This interactive D3.js visualization explores relationships between GDP per capita, CO2 emissions per capita, population, and renewable energy adoption across countries from 2018–2023. Three modes—a 2D scatterplot, small multiples by region, and animated year-by-year transitions—allow comparison of temporal trends. The SVG rendering uses d3.scaleOrdinal, d3.scaleSqrt, and d3.extent for consistent scales, with tooltips featuring configurable delay and a race timer animation. Data comes from a CSV file loaded via d3.csv.

Rrithwikjadala2003@gmail.com
71% match
Loading thumbnail…

CSCE 5320 HW5 - Cars Visualization

This interactive scatterplot explores the relationship between new-car price and fuel efficiency, with horsepower mapped to circle size and segment assigned to color. Users can switch between three visual encodings via control buttons: position-only, color-coded by segment, and a version that adds labels. Built with D3.js v7, the SVG chart fetches data from a CSV file, renders axes and legends dynamically, and includes a hover tooltip. A summary panel highlights the position of a specific vehicle, the Porsche 718 Cayman.

RRakesh vilasagaram
69% match
Loading thumbnail…

Homework 6

This interactive scatterplot from D3 v7 uses an SVG canvas to explore the relationship between GDP per capita and CO₂ emissions per capita, with points colored by world region and a legend on the right. The visualization supports both hover-based tooltips that display detailed text and click-to-select functionality, with a toggleable 2000ms tooltip delay button for testing responsiveness. Data loads from a CSV file via `d3.csv` with `d3.autoType`, axes are rendered with `d3.axisBottom` and `d3.axisLeft`, and the chart uses `d3.scaleLinear` for both axes and `d3.scaleOrdinal` with `d3.schemeTableau10` for color encoding.

GGuduru Naga Tejaswi
68% match
Loading thumbnail…

CSCE 5320 HW5 - Campus Buildings and Energy

This interactive scatterplot visualizes campus building energy usage, plotting each structure by floor area and energy consumption. Users filter data by building type or energy source via toggle buttons. The visualization updates dynamically, using D3 v7 scales, axes, and SVG circles as marks, with hover interactions displaying detailed building information in a side panel. A summary statistics section shows aggregated values, and the chart is styled with a warm, editorial color palette and serif headlines.

TTEJA P C
68% match
Loading thumbnail…

Assignment-2 Q.2.1

This example shows a temperature data area chart with interactive tooltips, displaying temperature readings across cities and dates. The SVG chart uses d3.area to render the filled path and d3.scaleBand for the categorical x-axis, with d3.csv loading the external temperature dataset. Circle markers at each data point trigger tooltips on mouseover using D3 transitions, while axes are drawn with d3.axisBottom and d3.axisLeft. The visualization updates tooltip content with city, date, and temperature values in degrees Celsius.

Mmalampatiramya03@gmail.com
68% match
Loading thumbnail…

World Income For Country With GDP: CSCE 5320

This interactive D3.js visualization explores world country income and energy data, comparing GDP per capita against purchasing power parity through a scatterplot of point marks. Users navigate five design stages that progressively add categorical region hues, quantitative population sizing, and intentionally broken then repaired chart configurations. The visualization uses SVG rendering with animated transitions, D3 scales for logarithmic and linear axes, and a color legend mapping regional categories. Data loads from a CSV file containing country-level income, population, and region attributes, with tooltips and summary statistics supporting the analysis.

Eeko.5samuel@gmail.com
68% match
Loading thumbnail…

project

This example presents a dashboard of four D3.js charts—a line chart, bar chart, pie chart, and scatter plot—visualizing global sustainable energy data from a CSV file. It shows trends in renewable energy share, electricity access, fossil versus renewable energy proportions, and the relationship between GDP and energy consumption per capita, with a tooltip and country selector. The visualization uses D3 selections, scales, and time parsing to render SVG charts, updating all views based on the selected country.

YYeruva Snehith Reddy
68% match