Nathan Miller

@NathanMiller1·2 public vizzes

FRC Charts

This example displays a multi-line chart of male FRC (Forecast Risk Coefficient) values across equations, with lines colored by age. The visualization is built using the vega-lite-api library, which registers with vega and vega-lite for rendering. Data is loaded asynchronously from a CSV file via d3.csv. The chart uses a line mark with points, and the y-axis is scaled to exclude zero. Styling is customized through a config object that adjusts axis labels and titles.

Dec 30, 2021

Loading thumbnail…

Smiley Face

This example presents a classic smiley face rendered as an SVG graphic. It uses a yellow circle for the face, black circles for the eyes, and a path for the mouth, all centered within a 960 by 500 viewport. The visualization is built with React, using JSX to define the SVG elements, and leverages the `arc` function from d3 to construct the mouth's curved path. The code demonstrates precise positioning through coordinate offsets and transforms.

Dec 28, 2021