jasua

@cicero06·3 public vizzes

Fork of Smiley Face Part II

This example shows a React-rendered smiley face that scales to fill the browser window. The face consists of a yellow circle with a black outline, two eye circles, and no mouth. It uses React and ReactDOM to create SVG elements, with the face centered using a `<g>` transform and dimensions calculated from `window.innerWidth` and `window.innerHeight`. The face’s size adapts dynamically to the viewport, and the code defines the props for each circle explicitly.

Jun 21, 2023

Loading thumbnail…

Fork of Religions of Largest 20 Countries

This stacked bar chart shows the estimated 2010 religious breakdown of the world’s 20 most populous countries, with each bar divided into colored segments representing different faiths. The code uses D3.js (v3) with d3.layout.stack for stacking, d3.scale.ordinal for the y-axis, and d3.legend for the color legend. Hovering over bars triggers tooltips via d3-tip, while hovering over legend entries highlights corresponding religions using layered SVG rendering. Data originates from the Pew Research Center’s Global Religious Landscape, processed into a structured dataset.

Jun 21, 2023

Loading thumbnail…

Fork of Social_Network_graph_ICE-8

A fork of the Social_Network_graph_ICE-8 example visualizes a small social network of nine named individuals across five groups, with weighted links between them. It uses `d3.layout.force` in D3 v4 to position the nodes as circles connected by black lines, where line thickness reflects link weight. The graph loads its data from a local `graph.json` file, renders to SVG, and supports interactive dragging of nodes via `force.drag`. Node labels appear in red text beside each blue circle, with styling defined by CSS classes.

Jun 20, 2023