Complicated Phenomenon

@ComplicatedPhenomenon·4 public vizzes

Fork of Muscles

A humanlike muscle diagram rendered as layered SVG paths visualizes a fitness tracker concept. Black silhouettes contrast with grey-filled regions to distinguish muscle groups, sourced from an Army Combat Fitness Test figure. The paths define precise anatomical shapes, while the project's intention is to show recently "hit" muscles that fade over time, guiding future workouts. The raw SVG path data and README outline this interactive training visualization idea.

May 3, 2021

Loading thumbnail…

Fork of Radial Tree of Countries Hierarchy

This radial tree visualizes the hierarchical structure of world countries, organized by continent and subregion, using data from `data.json`. Built with D3 v4, it renders an SVG and supports panning and zooming via the `d3.zoom` interaction. The tree layout is computed using `d3.hierarchy` and `d3.cluster`, with links drawn as curved paths. Text labels use font sizes scaled by depth, and the layout is adapted from Curran Kelleher’s World Countries Hierarchy block.

May 3, 2021

Loading thumbnail…

Fork of Fork of Making a Bar Chart

This bar chart displays the top 10 most populous countries based on 2018 United Nations estimates, with population values expressed in thousands. The visualization uses D3 v5 with an SVG renderer, employing `d3.scaleLinear` for the x-axis, `d3.scaleBand` for the categorical y-axis, and `d3.axisLeft` and `d3.axisBottom` for labeled axes. A custom tick formatter converts large numbers into abbreviated units like “B” for billions, and gridlines extend across the plot. The data is loaded from a CSV file and processed as numeric values.

May 3, 2021

Loading thumbnail…

Fork of Making a Bar Chart

This bar chart displays the top 10 most populous countries based on 2018 United Nations population estimates, with values converted from thousands to absolute numbers. The visualization uses D3 v5’s `scaleLinear` for the x-axis, `scaleBand` for categorical country labels, and custom axis formatting via `format('.3s')` to abbreviate large numbers. Grid lines are generated with `tickSize(-innerHeight)`, while axis labels and a title are added directly to the SVG. Data loads asynchronously from a CSV file using `d3.csv`.

May 3, 2021