soumendranathbanerjee999@gmail.com

@soumendranathbanerjee·3 public vizzes

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.

Sep 30, 2026

Loading thumbnail…

Fork of HTML Starter

This example displays a single static message, “Hello HTML!”, centered on the page. It uses a plain HTML structure with a linked stylesheet containing a CSS rule that sets the font size and text alignment. The included JavaScript file only logs “hello world” to the console, demonstrating the basic setup of a web page with separate files for markup, styling, and scripting.

Sep 30, 2026

Loading thumbnail…

Fork of HTML Starter

This chart demonstrates a staged approach to data visualization, showing how different visual encodings can convey information. The first stage uses only x and y positions to map game attributes, while the second adds color to distinguish between genres. The third stage incorporates circle size to represent sales figures, creating a multi-dimensional scatter plot. The visualization is built with D3.js version 7.8.5 and renders as SVG, with interactive controls allowing users to toggle between the three stages.

Sep 23, 2026