lokeshpraveen01@gmail.com

@lokeshantony·5 public vizzes

Fork of HTML Starter

This scatterplot, built with D3 v7, visualizes the relationship between GDP per capita and CO2 emissions per capita for countries over multiple years. Each point represents a country, colored by region and positioned by its economic and environmental metrics across a time series. The visualization includes axes, a legend, and a delayed tooltip that appears after a 2000ms hover, displaying additional country details. Data is loaded from a remote CSV file using `d3.csv`.

Oct 2, 2026

Loading thumbnail…

CSCE 5320 HW5

This example presents a scatterplot of country-level data, plotting GDP per capita against CO2 emissions per capita, with each point colored by region and sized by population. The visualization summarizes the dataset’s rows, columns, and key statistics for the x-axis variable, including its mean and median. Built with D3 v7, it loads CSV data from a GitHub gist and uses `d3.scaleLinear` for both axes, `d3.scaleOrdinal` for region-based coloring, and `d3.extent`, `d3.mean`, and `d3.median` to compute summaries. Rendering is SVG-based with axes and labels styled via CSS.

Sep 30, 2026

Loading thumbnail…

Fork of Circles with D3

This example shows a static collection of seven semi-transparent circles of varying sizes and neon colors, distributed across a mint-green background. It uses D3 version 7 with the `select` and `join` APIs to declaratively create an SVG canvas and append circle elements from a hard-coded data array. The visualization contrasts organic, overlapping forms without any interaction or animation.

Sep 30, 2026

Loading thumbnail…

CSCE 5320 HW5 - Marks and Channels

This example demonstrates a static HTML page that renders a large, centered "Hello HTML!" message using CSS styling. The visualization itself is minimal, serving as a template for exploring web-based mark and channel design. It loads an external stylesheet and uses no JavaScript libraries for data binding or rendering; the only script logs text to the console. The layout employs a flex-free approach with simple text alignment and font sizing via the `styles.css` file, displaying no explicit data or interactive elements.

Sep 30, 2026

Loading thumbnail…

Fork of HTML Starter

This example displays a centered "Hello HTML!" message in large text. It uses a plain HTML structure with an external CSS file to style the message with a 12em font size. The JavaScript component logs "hello world" to the console when the module is loaded. The visualization relies on standard HTML, CSS, and JavaScript APIs for rendering and interaction.

Sep 30, 2026