Newsletter
Join the Community
Subscribe to our newsletter for the latest news and updates
React admin dashboard template with Ant Design UI and D3.js chart integration.
Light Bootstrap Dashboard is an admin dashboard template designed to be beautiful and simple.
ant-admin is an open-source React admin dashboard template that pairs Ant Design (antd) UI components with D3.js data visualization, built on top of Create React App. It gives you a runnable starting point for building backend management interfaces, complete with at least one D3 chart sample (a vertical BP chart) that you can view in the hosted demo. The project is MIT-licensed and the repository has collected roughly 585 stars.
ant-admin is a React-based admin platform template that uses the Ant Design component library for its interface and adds D3.js for custom charts. It starts as a standard Create React App project, so you get the familiar npm and yarn scripts for development, testing, and production builds. The template's output is a functional admin dashboard that can be extended with your own pages and data, and it comes with a hosted demonstration at http://www.a4z.cn/pui/ant-admin.html#/vertical-bp-chart. The original repository is owned by nelsonkuang, and a newer version is being maintained in the tubiejs/Diy-Ur-D3-Charts repository.
npm start, npm test, npm run build, npm run eject) work out of the box, and the same commands are available via yarn.npm start, and get a working dashboard to customize for their own backend.Clone the repository and run npm start (or yarn start) to launch the development server through Create React App. npm test / yarn test runs the test suite, and npm run build / yarn build generates a production bundle. If you need full control over the webpack and Babel configuration, npm run eject or yarn eject will expose those files.
ant-admin is free to use under the MIT license, with no paid tiers or license fees for open-source or commercial usage.
react-admin, a separate React admin framework that provides a data-provider abstraction for REST and GraphQL APIs and is also open-source.
Yes. The project is released under the MIT license, so you can use it freely in personal and commercial projects without paying licensing fees.
It uses React as the framework, Ant Design (antd) for UI components, and D3.js for data-driven charts. The project is built with Create React App, and the repository topics also mention ECharts as an additional charting option.
Yes, the online demo shows a vertical BP chart at the #/vertical-bp-chart route, and the README references mbostock's D3 blocks as inspiration for the chart code.
After cloning, run npm start or yarn start to launch the development server. Use npm run build or yarn build to create an optimized production build.
Yes, because it's a Create React App project, you can run npm run eject or yarn eject to get full access to the underlying build configuration, including webpack, Babel, and ESLint setups.
