Fraumaggy

@Fraumaggy·2 public vizzes

Total Number of Rockets Throughout The Years

This visualization shows the total number of rockets launched per year, with the color of each bar indicating the rocket’s company country of origin. It uses Vega-Lite’s API to aggregate the data by year and country via `groupby` and `count`, rendering a bar chart with a tooltip for exact counts. The data is loaded from a CSV using `d3.csv` in `getData.js`, and the chart is styled with a custom color palette and axes through the `config.js` object. The visualization is built with Vega-Lite, Vega, and d3, and runs as a full-screen interactive SVG.

Sep 20, 2020

Loading thumbnail…

Hagamos caritas

This example renders a single emoticon-style face as an SVG path using D3 v5. It shows a red, curved mouth created with the `d3.arc` generator, while the data comes from a static list of car records in `cars.js` that is not visualized. The code selects an SVG element and appends a path, setting inner and outer radii and an angular range to define the mouth’s shape. The styling relies on CSS classes for stroke color and rounded line joins, with a React starter structure present but unused in the face rendering.

Sep 20, 2020