{"id":14992320,"url":"https://github.com/dioxus-community/dioxus-charts","last_synced_at":"2025-06-17T00:39:00.782Z","repository":{"id":64938685,"uuid":"579780952","full_name":"dioxus-community/dioxus-charts","owner":"dioxus-community","description":"A simple chart components library for Dioxus","archived":false,"fork":false,"pushed_at":"2024-12-16T13:39:35.000Z","size":77,"stargazers_count":68,"open_issues_count":8,"forks_count":10,"subscribers_count":3,"default_branch":"main","last_synced_at":"2025-06-14T00:03:02.640Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":"","language":"Rust","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"apache-2.0","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/dioxus-community.png","metadata":{"files":{"readme":"README.md","changelog":"CHANGELOG.md","contributing":null,"funding":null,"license":"LICENSE-APACHE","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}},"created_at":"2022-12-18T22:19:42.000Z","updated_at":"2025-06-08T23:20:37.000Z","dependencies_parsed_at":"2024-12-16T14:30:50.591Z","dependency_job_id":"7148897c-59ff-4d16-a4ab-44c1875c4393","html_url":"https://github.com/dioxus-community/dioxus-charts","commit_stats":null,"previous_names":["dioxus-community/dioxus-charts","hiltonm/dioxus-charts"],"tags_count":4,"template":false,"template_full_name":null,"purl":"pkg:github/dioxus-community/dioxus-charts","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/dioxus-community%2Fdioxus-charts","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/dioxus-community%2Fdioxus-charts/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/dioxus-community%2Fdioxus-charts/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/dioxus-community%2Fdioxus-charts/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/dioxus-community","download_url":"https://codeload.github.com/dioxus-community/dioxus-charts/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/dioxus-community%2Fdioxus-charts/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":260268635,"owners_count":22983601,"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-09-24T15:00:57.315Z","updated_at":"2025-06-17T00:39:00.750Z","avatar_url":"https://github.com/dioxus-community.png","language":"Rust","funding_links":[],"categories":["GUI"],"sub_categories":[],"readme":"[![Discord Server](https://img.shields.io/discord/899851952891002890.svg?logo=discord\u0026style=flat-square)](https://discord.gg/sKJSVNSCDJ)\n\n# dioxus-charts 📊\n\nA simple chart components library for [Dioxus](https://dioxuslabs.com/).\n\nThis crate provides some basic SVG-based chart components, customizable with\nCSS, to be used with the Dioxus GUI library. The\ncomponents configuration was designed to be similar to what one would find\nin JavaScript chart libraries.\n\nThe components available currently are:\n\n- `PieChart`: for Pie, Donut and Gauge charts\n- `BarChart`: for Bar and Stacked Bar charts, vertical or horizontal\n- `LineChart`\n\nYou can check them out at the very simple [demo site](https://hiltonm.github.io/dioxus-charts-demo/)\nfor now.\n\n## Usage\n\nThis crate is [on crates.io](https://crates.io/crates/dioxus-charts) and can be\nused by adding `dioxus-charts` to your dependencies in your project's `Cargo.toml`.\n\n```toml\n[dependencies]\ndioxus-charts = \"0.3\"\n```\n\n## Example\n\n```rust\nuse dioxus::prelude::*;\nuse dioxus_charts::BarChart;\n\nfn app() -\u003e Element {\n    rsx!(\n        BarChart {\n            padding_top: 30,\n            padding_left: 70,\n            padding_right: 50,\n            padding_bottom: 30,\n            bar_width: \"10%\",\n            horizontal_bars: true,\n            label_interpolation: (|v| format!(\"{v}%\")) as fn(f32) -\u003e String,\n            series: vec![\n                vec![63.0, 14.4, 8.0, 5.1, 1.8],\n            ],\n            labels: vec![\"Chrome\".into(), \"Safari\".into(), \"IE/Edge\".into(), \"Firefox\".into(), \"Opera\".into()]\n        }\n    )\n}\n ```\n\nThere is also a couple of examples in the `examples` folder with a `Makefile.toml` that makes it easier\nto build them. You need to install cargo-make first to make use of them:\n\n```sh\ncargo install cargo-make\n```\n\nYou will also need to have [`sass`](https://sass-lang.com/) and [`tailwindcss`](https://tailwindcss.com/)\ninstalled in your system for the make commands to generate the css files.\n\nThen for the desktop demo, inside the examples folder:\n\n```sh\ncd examples\ncargo make desktop\n```\n\nThe web example was used to generate the [demo site](https://hiltonm.github.io/dioxus-charts-demo/).\nTo test it out yourself you need to have `trunk` for the dev-server and the rust wasm target installed:\n\n```sh\ncargo install trunk\nrustup target add wasm32-unknown-unknown\n```\n\nThen build and launch the dev-server inside the examples folder:\n\n```sh\ncargo make web\n```\n\nNote: if you get hit by an error when the web example launches, its possible you were blessed by a version\nmismatch issue caused by the rustwasm tooling getting out of sync. The simplest fix for that seems to be\nto just remove the Cargo.lock file from the `examples/web` folder. Check\n[this issue](https://github.com/rustwasm/wasm-bindgen/issues/2776) for more info if that doesn't do it.\n\nPlease check out the [Dioxus reference guide](https://dioxuslabs.com/learn/0.6/reference) for more\ninformation.\n\n## License\n\nLicensed under either of [Apache License, Version 2.0](LICENSE-APACHE) or\n[MIT License](LICENSE-MIT) at your option.\n\nUnless you explicitly state otherwise, any contribution intentionally submitted\nfor inclusion in Dioxus-Charts by you, as defined in the Apache-2.0 license, shall be\ndual licensed as above, without any additional terms or conditions.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdioxus-community%2Fdioxus-charts","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fdioxus-community%2Fdioxus-charts","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdioxus-community%2Fdioxus-charts/lists"}