{"id":13528289,"url":"https://github.com/influxdata/giraffe","last_synced_at":"2025-04-04T21:11:29.982Z","repository":{"id":34598284,"uuid":"178281363","full_name":"influxdata/giraffe","owner":"influxdata","description":"A foundation for visualizations in the InfluxDB UI","archived":false,"fork":false,"pushed_at":"2024-04-10T21:17:53.000Z","size":16295,"stargazers_count":178,"open_issues_count":136,"forks_count":33,"subscribers_count":20,"default_branch":"master","last_synced_at":"2024-04-14T03:04:11.910Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":"https://influxdata.github.io/giraffe/","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/influxdata.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":"CONTRIBUTING.md","funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":"CODEOWNERS","security":"SECURITY.md","support":null,"governance":null,"roadmap":null,"authors":null,"dei":null}},"created_at":"2019-03-28T20:58:30.000Z","updated_at":"2024-04-15T16:41:57.628Z","dependencies_parsed_at":"2024-04-15T16:40:52.481Z","dependency_job_id":null,"html_url":"https://github.com/influxdata/giraffe","commit_stats":{"total_commits":674,"total_committers":39,"mean_commits":17.28205128205128,"dds":0.5934718100890208,"last_synced_commit":"f8b9698044c522ce27f0c8d722f090eebe692174"},"previous_names":[],"tags_count":197,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/influxdata%2Fgiraffe","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/influxdata%2Fgiraffe/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/influxdata%2Fgiraffe/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/influxdata%2Fgiraffe/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/influxdata","download_url":"https://codeload.github.com/influxdata/giraffe/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":247249532,"owners_count":20908212,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":[],"created_at":"2024-08-01T06:02:23.944Z","updated_at":"2025-04-04T21:11:29.920Z","avatar_url":"https://github.com/influxdata.png","language":"TypeScript","funding_links":[],"categories":["TypeScript"],"sub_categories":[],"readme":"# Giraffe\n\n[![Slack Status](https://img.shields.io/badge/slack-join_chat-white.svg?logo=slack\u0026style=social)](https://www.influxdata.com/slack)\n\nA React-based visualization library powering the data visualizations in the [InfluxDB 2.0](https://github.com/influxdata/influxdb/) UI.\n\n\u003cimg src=\"https://influxdata.github.io/branding/img/mascots/mascot-chronograf--white_png.png\" height=\"100\" alt=\"giraffe\"/\u003e\n\n## Features\n\nThere are plenty of terrific visualization libraries in the JavaScript ecosystem.\nGiraffe aims to distinguish itself with several features:\n\n- Support for the [Flux](https://www.influxdata.com/products/flux) language\n- Easy reactivity and extensibility via React\n- Support for mapping groupings of columns to a single visual aesthetic\n- A high-level [Grammar of Graphics](http://vita.had.co.nz/papers/layered-grammar.pdf)–style API that can specify a wide variety of visualizations with a few simple concepts\n- A [columnar](https://observablehq.com/@mbostock/manipulating-flat-arrays) interface for input data that enables efficient interoperability with Web Workers and [Apache Arrow](https://arrow.apache.org/)\n- Self-contained configurations in the style of [Vega-Lite](https://vega.github.io/vega-lite/)\n\n## Demos\n\n[See the visualizations in action using Storybook.](https://influxdata.github.io/giraffe)\n\n## Sample Code\n[See a listing of sample projects that render different types of visualizations.](./examples/Listing_of_giraffe_samples.md)\n\n## Getting Started [](#getting-started)\n\n#### Installation\n\nInstall [Giraffe](https://www.npmjs.com/package/@influxdata/giraffe) with your package manager:\n\n```\nyarn add @influxdata/giraffe\n```\n\nor\n\n```\nnpm install @influxdata/giraffe\n```\n\n#### Example\n\nSee the [Quick Start Guide](./giraffe/README.md#quick-start) for an example.\n\n## Development\n\nTo contribute to Giraffe, see the [contributing guide](./CONTRIBUTING.md).\n\nLooking for details on the configuration? See the [configuration guide](./giraffe/README.md#config).\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Finfluxdata%2Fgiraffe","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Finfluxdata%2Fgiraffe","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Finfluxdata%2Fgiraffe/lists"}