{"id":26963968,"url":"https://github.com/serjilyashenko/simple-pie-project","last_synced_at":"2026-04-02T00:37:40.066Z","repository":{"id":39624289,"uuid":"356894886","full_name":"serjilyashenko/simple-pie-project","owner":"serjilyashenko","description":"Super light weight and super simple svg pie diagram react component","archived":false,"fork":false,"pushed_at":"2025-01-18T15:23:25.000Z","size":2844,"stargazers_count":4,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"master","last_synced_at":"2026-03-28T00:36:53.437Z","etag":null,"topics":["diagram","doughnut-chart","pie","pie-chart","react","reactjs","svg"],"latest_commit_sha":null,"homepage":"https://simple-pie.netlify.app/","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/serjilyashenko.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":"docs/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":null,"dei":null,"publiccode":null,"codemeta":null,"zenodo":null}},"created_at":"2021-04-11T14:47:57.000Z","updated_at":"2025-01-18T15:23:27.000Z","dependencies_parsed_at":"2024-05-12T18:32:30.842Z","dependency_job_id":"fd720ad2-12e2-490f-8d96-e1929b63571d","html_url":"https://github.com/serjilyashenko/simple-pie-project","commit_stats":{"total_commits":81,"total_committers":3,"mean_commits":27.0,"dds":"0.37037037037037035","last_synced_commit":"07a22d4f77df26b145fa8dd268c7b92babe98cf1"},"previous_names":["serjilyashenko/react-simple-pie"],"tags_count":14,"template":false,"template_full_name":null,"purl":"pkg:github/serjilyashenko/simple-pie-project","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/serjilyashenko%2Fsimple-pie-project","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/serjilyashenko%2Fsimple-pie-project/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/serjilyashenko%2Fsimple-pie-project/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/serjilyashenko%2Fsimple-pie-project/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/serjilyashenko","download_url":"https://codeload.github.com/serjilyashenko/simple-pie-project/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/serjilyashenko%2Fsimple-pie-project/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":31293443,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-04-01T21:15:39.731Z","status":"ssl_error","status_checked_at":"2026-04-01T21:15:34.046Z","response_time":53,"last_error":"SSL_read: unexpected eof while reading","robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":false,"can_crawl_api":true,"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":["diagram","doughnut-chart","pie","pie-chart","react","reactjs","svg"],"created_at":"2025-04-03T06:18:59.315Z","updated_at":"2026-04-02T00:37:40.043Z","avatar_url":"https://github.com/serjilyashenko.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"\u003cdiv align=\"center\"\u003e\n  \u003ch1\u003eSimple Pie Monorepo\u003cbr/\u003e🔧 🥧 🍩\u003c/h1\u003e\n  \u003cp\u003eSuper light weight and super simple \u003cstrong\u003eSVG\u003c/strong\u003e pie/doughnut diagram packages\u003c/p\u003e\n\u003c/div\u003e\n\n\u003chr/\u003e\n\n| project                                                   | badges                                                                                                                                                                                                                                                                                            |\n|-----------------------------------------------------------|---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------|\n| [homepage](https://simple-pie.netlify.app/)               | [![homepage Netlify deploy](https://github.com/serjilyashenko/simple-pie-project/actions/workflows/homepage-deploy.yml/badge.svg?branch=master)](https://github.com/serjilyashenko/simple-pie-project/actions/workflows/homepage-deploy.yml)                                                                                                                                                                                                                                                                                                   |\n| [simple-pie](./packages/simple-pie/README.md)             | ![NPM Version](https://img.shields.io/npm/v/simple-pie) ![npm bundle size](https://img.shields.io/bundlephobia/minzip/simple-pie) \u003cbr/\u003e ![npm bundle size](https://img.shields.io/bundlephobia/min/simple-pie) ![NPM Downloads](https://img.shields.io/npm/dm/simple-pie)                         |\n| [react-simple-pie](./packages/react-simple-pie/README.md) | ![NPM Version](https://img.shields.io/npm/v/react-simple-pie) ![npm bundle size](https://img.shields.io/bundlephobia/minzip/react-simple-pie) \u003cbr/\u003e ![npm bundle size](https://img.shields.io/bundlephobia/min/react-simple-pie) ![NPM Downloads](https://img.shields.io/npm/dm/react-simple-pie) |\n| [homepage-legacy](https://simple-pie-legacy.netlify.app/) | [![homepage-legacy Netlify deploy](https://github.com/serjilyashenko/simple-pie-project/actions/workflows/homepage-legacy-deploy.yml/badge.svg?branch=master)](https://github.com/serjilyashenko/simple-pie-project/actions/workflows/homepage-legacy-deploy.yml)                                 |\n\n## Overview\n\nThe `simple-pie` package family offers an easy way to create `SVG` pie and doughnut charts. These packages are lightweight\nand ideal for situations where you need small, simple charts, such as in network graphs or other compact visualizations.\n\nCheck out the demo [here](https://simple-pie.netlify.app/)\n\n## Motivation\n\nThe idea for the `simple-pie` packages came from a need to add small pie charts to a network graph. The network graph\nlibrary only supported `PNG` or `SVG` files for node content, making it impractical to store many pre-rendered images for\ndifferent data sets.\n\nUsing popular charting libraries like `Highcharts` or `Chart.js` wasn't an option because they were too complex for this\nspecific use case. Even though `D3.js` might have worked, it was still too large for such a simple need.\n\nThat's where `simple-pie` comes in. It provides a straightforward solution for creating the smallest possible SVG pie and\ndoughnut charts. These charts are perfect for embedding in network graphs, maps, or any application where you need\na simple and efficient way to visualize data without the bulk of heavier libraries.\n![net and map cases](./docs/images/map-and-net-case.png)\n\n## Monorepo\n\nSimple-pie project is utilising a monorepo for a development and deployment. Read more in [monorepo.md](./docs/monorepo.md)\n\n```tree\nsimple-pie-project\n├─ docs\n├─ apps\n│  ├─ homepage\n│  └─ homepage-legacy\n└─ packages\n   ├─ pie-math\n   ├─ simple-pie\n   ├─ react-simple-pie\n   └─ tsconfig\n```\n\n## Installing packages\n\n1. Make sure you're in the root directory of the monorepo.\n2. Run the installation command:\n```bash\nnpm install\n```\n\nWorkspaces are [symlinked](https://en.wikipedia.org/wiki/Symbolic_link) into `node_modules`.\nTo check symlink state run the command:\n```bash\nnpm ls --link=true --depth=0\n```\n\n\u003e ⚠️ After add/remove workspaces, or change their locations on the filesystem, it is necessary  to re-run the install-command\n\u003e from root to set up workspaces again\n\n## Scripts\n\nRemove all `node_modules`\n```bash\nnpm run clean\n```\n\nBuild all workspaces:\n```bash\nnpm run build\n```\n\nRun all workspaces in dev mode:\n```bash\nnpm run dev\n```\n\nCorrect build order is handled by [Turborepo](https://turbo.build/repo).\n\n```mermaid\nflowchart LR\n  PM[packages/pie-math] --\u003e SP[packages/simple-pie]\n  PM[packages/pie-math] --\u003e RSP[packages/react-simple-pie]\n  SP --\u003e HL[apps/homepage-legacy]\n  RSP --\u003e HL\n```\n\nBuild all package workspaces (used by ci workflow read more in [package-publishing.md](./docs/package-publishing.md)):\n```bash\nnpm run build:packages\n```\n\nStart releasing new npm package version (read more in [package-publishing.md](./docs/package-publishing.md)):\n```bash\nnpm run changeset\n```\n\n## More readings\n\n- [motivation](./docs/motivation.md)\n- [monorepo](./docs/monorepo.md)\n- [contributing](./docs/contributing.md)\n- [package-publishing](./docs/package-publishing.md)\n  - [module-systems](./docs/module-systems.md)\n- [deploy](./docs/deploy.md)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fserjilyashenko%2Fsimple-pie-project","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fserjilyashenko%2Fsimple-pie-project","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fserjilyashenko%2Fsimple-pie-project/lists"}