Charts

Chart-focused QIP components:

Time series CSV to SVG polylines renders a date or UTC timestamp column plus one or more numeric columns as a vector SVG chart. Exponential moving average and rolling mean transform every emitted data polyline independently. Add mean lines adds a same-colour dashed arithmetic mean for each polyline.
OpenAI vs Anthropic ARR (KTX2 and SVG)
Shutterstock Earnings Overlay

CSV to SVG polylines #

These examples run in the browser. They plot NVIDIA's reported quarterly revenue, in USD millions, from April 2020 through April 2026. The series shows the 2022 slowdown followed by the AI infrastructure expansion. NVIDIA's Q1 fiscal 2027 results report the latest point and the comparable prior-year result. The first CSV column is date or a UTC timestamp; every following numeric column becomes a data polyline. The SVG keeps those polylines in value space, so the next example can smooth the series without changing the chart layout.

NVIDIA quarterly revenue since 2020

CSV

cat series.csv | npx @qip.dev/qipx qip.dev run \
  text/csv/time-series-csv-to-svg-polylines.wasm -u x_axis_tick_year_interval=1 \
  > chart.svg

NVIDIA quarterly revenue, EMA window 3, with a mean line

CSV

NVIDIA quarterly revenue after an exponential moving average, with a dashed mean line

cat series.csv | npx @qip.dev/qipx qip.dev run \
  text/csv/time-series-csv-to-svg-polylines.wasm -u x_axis_tick_year_interval=1 \
  image/svg+xml/svg-polylines-add-mean-lines.wasm \
  image/svg+xml/svg-polylines-exponential-moving-average.wasm -u window_size=3 \
  > chart-ema-with-mean.svg