Skip to main content
Log in
M

M SRIKARA CHARYA

@SRIKARACHARYA·3 public vizzes

Loading thumbnail…

Fork of Globe-Interactive-Viz

This interactive globe visualizes global development by mapping each country's economy category through a color-coded scale. Users can hover to see country names, click legend items to filter regions, and zoom via d3.zoom. Using topojson and world-atlas data, d3.geoOrthographic projection renders countries as SVG paths, with an ordinal color scale based on the spectral scheme.

May 9, 2024
Loading thumbnail…

Fork of Globe-Interactive-Viz

This interactive globe visualizes global development by mapping each country's economy category through a color-coded scale. Users can hover to see country names, click legend items to filter regions, and zoom via d3.zoom. Using topojson and world-atlas data, d3.geoOrthographic projection renders countries as SVG paths, with an ordinal color scale based on the spectral scheme.

May 9, 2024
Loading thumbnail…

DV

This example presents a static SVG visualization of a simple face, constructed with three circles: a large yellow circle for the head and two smaller black circles for the eyes. The drawing is rendered directly in an HTML page using inline SVG elements, with CSS applied to remove page margins and hide overflow. The code loads the React 18.3.1 UMD production build from a CDN, though the visualization itself does not utilize any React components or JavaScript logic, relying purely on static SVG markup.

May 8, 2024