Skip to main content
Log in
J

jureddyakshaya0601@gmail.com

@akshaya1071·4 public vizzes

Loading thumbnail…

activity 7.2

This area chart displays monthly visitor numbers for a full year, with values rising from 1,000 in January to a peak of 2,700 in December. The visualization uses D3.js version 6 with an SVG rendering approach, employing `d3.area()` to generate the filled path, `d3.scalePoint()` for the categorical month axis, and `d3.scaleLinear()` for the visitor count axis. Axes are rendered with `d3.axisBottom()` and `d3.axisLeft()`, with rotated month labels and explicit axis titles. The chart includes a steel-blue fill and uses hardcoded sample data embedded in the script.

Apr 13, 2025
Loading thumbnail…

activity 7.2

This area chart displays monthly visitor numbers for a full year, with values rising from 1,000 in January to a peak of 2,700 in December. The visualization uses D3.js version 6 with an SVG rendering approach, employing `d3.area()` to generate the filled path, `d3.scalePoint()` for the categorical month axis, and `d3.scaleLinear()` for the visitor count axis. Axes are rendered with `d3.axisBottom()` and `d3.axisLeft()`, with rotated month labels and explicit axis titles. The chart includes a steel-blue fill and uses hardcoded sample data embedded in the script.

Apr 13, 2025
Loading thumbnail…

activity 7.1

This interactive visualization shows the movement of flight paths across a global map using a three-dimensional globe. It displays animated arcs that connect various geographic locations, with each path represented by a flowing line that moves from its origin to its destination. The visualization uses Three.js, specifically `THREE.SphereGeometry` and `THREE.Points` to construct the globe and stars, while flight arcs are drawn with `THREE.Line` and animated using `requestAnimationFrame`. The data for flight routes is loaded from a CSV file, and geographic coordinates are projected onto the globe using a custom equirectangular projection function.

Apr 13, 2025
Loading thumbnail…

activity 7.1

A D3.js pie chart displays the proportional values of twenty product categories, with each slice labeled directly on the chart. A legend on the right side maps category names to their corresponding colors. The visualization uses `d3.pie()` to compute arc data, `d3.arc()` to generate path and label geometry, and `d3.scaleOrdinal(d3.schemeCategory10)` for categorical coloring. The SVG is rendered at 800x600 pixels, with the pie centered on the left half of the canvas.

Apr 13, 2025