app/lib/cv/render-charts.ts

Functions

Imports

It imports app/lib/cv/charts.ts, app/lib/cv/view.mjs. Imported by app/routes/cv.charts[.json].ts, app/routes/cv.tsx.

Source

1import { sparklineSvg, timelineSvg } from "./charts";
2import {
3  sparkData,
4  sparkLabel,
5  timelineData,
6  timelineEmptyText,
7  timelineLabel,
8  yearHref,
9  type CvState,
10  type Facts,
11} from "./view.mjs";
12
13export type CvCharts = { timeline: string; papers: string; grants: string; students: string };
14
15/**
16 * Every chart on the CV for one filter state, as markup. The route and app/enhance/cv.ts both call
17 * it, so a shared URL and a live filter draw the same.
18 */
19export function renderCvCharts(all: Facts[], state: CvState, options: { width?: number } = {}): CvCharts {
20  const timeline = timelineData(all, state);
21  const spark = sparkData(all, state);
22  const line = (what: string, values: number[]) =>
23    sparklineSvg({
24      years: spark.years,
25      values,
26      selected: spark.selected,
27      label: sparkLabel(what, spark.years, values),
28    });
29  return {
30    timeline: timelineSvg({
31      years: timeline.years,
32      series: timeline.series.map((s) => ({ key: s.key, label: s.label, token: s.token, values: s.values })),
33      selected: timeline.selected,
34      label: timelineLabel(timeline),
35      emptyText: timelineEmptyText(timeline),
36      hrefForYear: (year) => `/cv${yearHref(state, year) || "?"}`,
37      width: options.width,
38    }),
39    papers: line("publications", spark.papers),
40    grants: line("grants", spark.grants),
41    students: line("students in one-year cohorts", spark.students),
42  };
43}