{"id":13880873,"url":"https://github.com/gravity-ui/yagr","last_synced_at":"2025-04-12T16:38:40.162Z","repository":{"id":39862957,"uuid":"407230194","full_name":"gravity-ui/yagr","owner":"gravity-ui","description":"Yet another graph renderer","archived":false,"fork":false,"pushed_at":"2025-04-10T10:11:29.000Z","size":10947,"stargazers_count":109,"open_issues_count":8,"forks_count":7,"subscribers_count":7,"default_branch":"main","last_synced_at":"2025-04-10T10:54:18.682Z","etag":null,"topics":["charts","graph","plot","visualization"],"latest_commit_sha":null,"homepage":"https://yagr.tech","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/gravity-ui.png","metadata":{"files":{"readme":"README.md","changelog":"CHANGELOG.md","contributing":"CONTRIBUTING.md","funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":"AUTHORS","dei":null,"publiccode":null,"codemeta":null}},"created_at":"2021-09-16T16:06:08.000Z","updated_at":"2025-04-10T10:09:03.000Z","dependencies_parsed_at":"2023-01-28T13:17:33.778Z","dependency_job_id":"e8e4ee40-aa87-4e0c-87b4-8500c742d1ea","html_url":"https://github.com/gravity-ui/yagr","commit_stats":{"total_commits":487,"total_committers":20,"mean_commits":24.35,"dds":0.5277207392197125,"last_synced_commit":"d7d2ff2a735b273a4b14d8dacee8b41f8864fb2d"},"previous_names":["yandex-cloud/yagr"],"tags_count":91,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/gravity-ui%2Fyagr","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/gravity-ui%2Fyagr/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/gravity-ui%2Fyagr/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/gravity-ui%2Fyagr/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/gravity-ui","download_url":"https://codeload.github.com/gravity-ui/yagr/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":248208549,"owners_count":21065202,"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":["charts","graph","plot","visualization"],"created_at":"2024-08-06T08:03:34.335Z","updated_at":"2025-04-12T16:38:40.141Z","avatar_url":"https://github.com/gravity-ui.png","language":"TypeScript","funding_links":[],"categories":["TypeScript","Web Frontend"],"sub_categories":["Data Visualization \u0026 Charts"],"readme":"# Ẏagr \u003cimg src=\"https://raw.githubusercontent.com/gravity-ui/yagr/main/docs/assets/yagr.svg\" width=\"24px\" height=\"24px\" /\u003e\n\nYagr is a high-performance HTML5 canvas chart renderer based on [uPlot](https://github.com/leeoniya/uPlot). It provides high-level features for uPlot charts.\n\n\u003cimg src=\"https://raw.githubusercontent.com/gravity-ui/yagr/main/docs/assets/demo.png\" width=\"800\" /\u003e\n\n## Features\n\n-   [Lines, areas, columns, and dots as visualization types. Configurable per series](https://yagr.tech/en/api/visualization)\n-   [Configurable Legend Tooltip](https://yagr.tech/en/plugins/tooltip)\n-   [Axes with extra options for decimal-level precision](https://yagr.tech/en/api/axes)\n-   [Scales with configurable range functions and transformations](https://yagr.tech/en/api/scales)\n-   [Plot lines and bands. Configurable draw layer](https://yagr.tech/en/plugins/plot-lines)\n-   [Responsive charts](https://yagr.tech/en/api/settings#adaptivity) (requires [ResizeObserver](https://developer.mozilla.org/en-US/docs/Web/API/ResizeObserver))\n-   [High-level support of stacked areas/columns](https://yagr.tech/en/api/scales#stacking)\n-   [Configurable markers](./docs/api/markers.md)\n-   [Light/Dark theme](https://yagr.tech/en/api/settings#theme)\n-   [Data normalization](https://yagr.tech/en/api/scales#normalization)\n-   [Configurable crosshairs, cursor markers and snapping](https://yagr.tech/en/api/cursor)\n-   Typescript\n-   [Localization](https://yagr.tech/en/api/settings#localization)\n-   [CSS Variables in color names](https://yagr.tech/en/api/css)\n-   [Paginated inline legend](https://yagr.tech/en/plugins/legend)\n-   [Error handling and extended hooks](https://yagr.tech/en/api/lifecycle)\n-   [Data alignment and interpolation for missing data](https://yagr.tech/en/api/data-processing)\n-   [Realtime updates](https://yagr.tech/en/api/dynamic-updates)\n\n## [Documentation](https://yagr.tech)\n\n## Quick Start\n\n```\nnpm i @gravity-ui/yagr\n```\n\n### NPM Module\n\n```typescript\nimport Yagr from '@gravity-ui/yagr';\n\nnew Yagr(document.body, {\n    timeline: [1, 2, 3, 4, 5],\n    series: [\n        {\n            data: [1, 2, 3, 4, 5],\n            color: 'red',\n        },\n        {\n            data: [2, 3, 1, 4, 5],\n            color: 'green',\n        },\n    ],\n});\n```\n\n### Script Tag\n\n```html\n\u003cscript src=\"https://unpkg.com/@gravity-ui/yagr/dist/yagr.iife.min.js\"\u003e\u003c/script\u003e\n\u003cscript\u003e\n    new Yagr(document.body, {\n        timeline: [1, 2, 3, 4, 5],\n        series: [\n            {\n                data: [1, 2, 3, 4, 5],\n                color: 'red',\n            },\n            {\n                data: [2, 3, 1, 4, 5],\n                color: 'green',\n            },\n        ],\n    });\n\u003c/script\u003e\n```\n\n### Examples\n\nNeed something specific? Yagr presents some useful examples in the [demo/examples](./demo/examples/) folder. How to start them with current version:\n\n1. Clone the repository.\n2. Install dependencies `npm i`.\n3. Run `npm run build`.\n4. Run `npx http-server .`.\n5. Open examples in browser according to the http-server output.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fgravity-ui%2Fyagr","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fgravity-ui%2Fyagr","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fgravity-ui%2Fyagr/lists"}