Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Area chart for ICE-7

Public visualization

Area chart for ICE-7

0 stars1🌍 Public
Aasowmyasri15@gmail.com
Last edited Apr 2, 2025
Created on Apr 2, 2025

This example shows a D3.js area chart of normalized highest temperatures across countries, with axis labels and smooth area transitions. The visualization is rendered in SVG within a React framework, using `d3.area` and `scaleBand`/`scaleLinear` scales. Animated clouds drift across a sky gradient, while a recursive tree drawing and a lotus-position Buddha figure appear as decorative elements, created with React components. The chart itself is built with `d3.axisBottom` and `d3.axisLeft`, and animated via React state and `setInterval` for the cloud offsets.

AI-generated description

This project visualizes the normalized highest temperatures recorded across variouscontries using as interactive area chart created with D3.js. Features: Area chart showing temperature trends by country. Axis labels and smooth area tansitions.

Comments

Sign in to join the discussion.

MIT Licensed