Ilayaraja R

@jri-jci·3 public vizzes

Fork of Line Chart with Multiple Lines

This visualization displays one week of temperature readings in degrees Celsius for multiple cities, sourced from the Data Canvas - Sense Your City dataset. It plots each city’s temperature over time as a smooth line using d3.line with curveBasis, while nesting data by city via d3.nest and ordering lines by their final value using d3.descending. The SVG render includes d3.axisBottom and d3.axisLeft, a d3.scaleOrdinal color scale based on schemeCategory10, and a custom color legend module.

Jul 11, 2021

Loading thumbnail…

Fork of World Countries Tree

This fork of a world countries tree visualizes the hierarchical relationships between continents, subregions, and countries using an SVG-based tree layout. The d3.hierarchy and d3.tree functions structure the data, while d3.linkHorizontal generates the curved connecting paths. The visualization uses d3.zoom to enable panning and zooming, with text labels sized according to depth level. Data is loaded from a JSON file structured by geographic regions, rendered in the Playfair Display font.

Apr 27, 2021

Loading thumbnail…

Fork of World Countries Tree

This visualization shows the hierarchical structure of world countries organized by continent and subregion, with each country name displayed as a text label connected by branching paths. The tree layout uses `d3.tree` and `d3.hierarchy` to compute node positions, while `d3.linkHorizontal` draws the curved links. The SVG rendering supports pan and zoom via `d3.zoom`, and text styling uses a Playfair Display font with white shadows for readability. Data comes from a JSON file containing the nested geographic hierarchy.

Apr 26, 2021