lobehub/lobe-chartsPublic

NotificationsYou must be signed in to change notification settings
Fork9
Star78

📊 Lobe Charts - React modern charts components built on recharts

License

MIT license

78 stars 9 forks Branches Tags Activity

Star

Notifications

You must be signed in to change notification settings

Branches Tags

Folders and files

Name		Name	Last commit message	Last commit date
Latest commit History 100 Commits
.github		.github
.husky		.husky
docs		docs
public		public
src		src
.bunfig.toml		.bunfig.toml
.changelogrc.js		.changelogrc.js
.commitlintrc.js		.commitlintrc.js
.dumirc.ts		.dumirc.ts
.editorconfig		.editorconfig
.eslintignore		.eslintignore
.eslintrc.js		.eslintrc.js
.fatherrc.ts		.fatherrc.ts
.gitignore		.gitignore
.i18nrc.cjs		.i18nrc.cjs
.npmignore		.npmignore
.npmrc		.npmrc
.prettierignore		.prettierignore
.prettierrc.js		.prettierrc.js
.releaserc.js		.releaserc.js
.remarkrc.js		.remarkrc.js
.stylelintrc.js		.stylelintrc.js
CHANGELOG.md		CHANGELOG.md
LICENSE		LICENSE
README.md		README.md
clean-package.config.js		clean-package.config.js
package.json		package.json
renovate.json		renovate.json
tsconfig.json		tsconfig.json
vitest.config.ts		vitest.config.ts

Repository files navigation

Lobe Charts

React modern charts components built on recharts

Documents ·Changelog ·Report Bug ·Request Feature

Table of contents

✨ Features

Line Chart
Area Chart
Bar Chart
Donut Chart
Funnel Chart
Scatter Chart
Spark Chart
Heatmaps
Data List
Tracker
Legend

📦 Installation

Important

This package isESM only.

To install Lobe UI, run the following command:

$ bun add @lobehub/charts

Compile with NextJS

Note

By work correct with nextjs ssr, addtranspilePackages: ['@lobehub/charts'] tonext.config.js. For example:

// next.config.jsconstnextConfig={// ...other configtranspilePackages:['@lobehub/charts'],};

⌨️ Local Development

You can use Github Codespaces for online development:

Or clone it for local development:

$ git clone https://github.com/lobehub/lobe-charts.git$cd lobe-charts$ bun install$ bun start

🤝 Contributing

Contributions of all types are more than welcome, if you are interested in contributing code, feel free to check out our GitHubIssues to get stuck in to show us what you’re made of.

🩷 Sponsor

Every bit counts and your one-time donation sparkles in our galaxy of support! You're a shooting star, making a swift and bright impact on our journey. Thank you for believing in us – your generosity guides us toward our mission, one brilliant flash at a time.

🔗 Links

Credits

recharts -https://github.com/recharts/recharts
tremor -https://github.com/tremorlabs/tremor
react-activity-calendar -https://github.com/grubersjoe/react-activity-calendar

More Products

🤯 Lobe Chat - An open-source, extensible (Function Calling), high-performance chatbot framework. It supports one-click free deployment of your private ChatGPT/LLM web application.
🅰️ Lobe Theme - The modern theme for stable diffusion webui, exquisite interface design, highly customizable UI, and efficiency boosting features.
🧸 Lobe Vidol - Experience the magic of virtual idol creation with Lobe Vidol, enjoy the elegance of our Exquisite UI Design, dance along using MMD Dance Support, and engage in Smooth Conversations.

Design Resources

🍭 Lobe UI - An open-source UI component library for building AIGC web apps.
🥨 Lobe Icons - Popular AI / LLM Model Brand SVG Logo and Icon Collection.
📊 Lobe Charts - React modern charts components built on recharts

Development Resources

🎤 Lobe TTS - A high-quality & reliable TTS/STT library for Server and Browser
🌏 Lobe i18n - Automation ai tool for the i18n (internationalization) translation process.

More Resources