~/talk

How We Created the Giraffe Libraries for Time Series Data

Talkat Node Congress 2021 · 2021-02-18..02-19· [data-visualization, react]

Giraffe is an open source React charting library that powers InfluxDB 2.0 visualizations and is Fluxlang-supported. It consumes annotated CSV format (headers like #group #dataset #default) and exposes a Plot + config + layers model, querying via the JS client with url token org id and bucket. It handles high-volume time series with downsampling algorithms, has 30 to 40 storybook examples, lacks server-side rendering, and includes some nonproduction features and upcoming charts.

AI-written summary · about

  1. 0:00Introduction
  2. 1:09Why Giraffe
  3. 1:52What is Giraffe
  4. 2:47Graphs
  5. 3:27Getting Data
  6. 5:02Graph Types
  7. 5:29InputCV Client
  8. 6:11Sandbox
~/search
type to search 6,249 conferences, 138,987 speakers and 185,172 talks
~/help
cmdctrl k
search every conference, speaker and series
/
focus the filter search
h
home
c
conferences
s
speakers
e
series
t
light / dark — the status bar button does the same
?
this help
esc
close this, then clear every filter — or just the search, while you are typing in it

Ignored while you are typing. Pages without a filter rail have no search to focus.