✨ feat: Add Various Chart Components and Styles #7
Conversation
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
- Added radar chart components with icons, custom labels, legends, and lines only. - Added radial chart components with grid, labels, shapes, and stacked sections. - Added bar chart demo components with axis, grid, legend, and tooltip. - Added tooltip demo component. - Added navigation types.
Added multiple chart components including line, pie, radar, and their variations. This enhances the data visualization capabilities of the Miami registry.
- Added `chart-area-step.tsx` for step area charts. - Added `chart-bar-active.tsx` for bar charts with active bars. - Added `chart-bar-default.tsx` for default bar charts. - Added `chart-bar-horizontal.tsx` for horizontal bar charts. - Added `chart-bar-interactive.tsx` for interactive bar charts. - Added `chart-bar-label-custom.tsx` for bar charts with custom labels. - Added `chart-bar-label.tsx` for bar charts with labels. - Added `chart-bar-mixed.tsx` for mixed bar charts. - Added `chart-bar-multiple.tsx` for multiple bar charts. - Added `chart-bar-negative.tsx` for bar charts with negative values. - Added `chart-bar-stacked.tsx` for stacked bar charts with legends. - Added `chart-line-default.tsx` for default line charts. - Added `chart-line-dots-colors.tsx` for line charts with colored dots. - Added `chart-line-dots-custom.tsx` for line charts with custom dots. - Added `chart-line-dots.tsx` for line charts with dots. - Added `chart-line-interactive.tsx` for interactive line charts. - Added `chart-line-label-custom.tsx` for line charts with custom labels. - Added `chart-line-label.tsx` for line charts with labels. - Added `chart-line-linear.tsx` for linear line charts. - Added `chart-radar-grid-none.tsx` for radar charts without grids.
- Added `chart-radial-shape.tsx` for radial chart with custom shape - Added `chart-radial-simple.tsx` for simple radial chart - Added `chart-radial-stacked.tsx` for stacked radial chart - Added `chart-radial-text.tsx` for radial chart with text - Added `chart-bar-demo-axis.tsx` for bar chart with axis - Added `chart-bar-demo-grid.tsx` for bar chart with grid - Added `chart-bar-demo-legend.tsx` for bar chart with legend - Added `chart-bar-demo-tooltip.tsx` for bar chart with tooltip - Added `chart-bar-demo.tsx` for basic bar chart - Added `chart-tooltip-demo.tsx` for tooltip demo - Added `chart.tsx` for chart container and utilities - Added `chart-area-axes.tsx` for area chart with axes - Added `chart-area-default.tsx` for default area chart - Added `chart-area-gradient.tsx` for area chart with gradient fill - Added `chart-area-icons.tsx` for area chart with icons - Added `chart-area-interactive.tsx` for interactive area chart - Added `chart-area-legend.tsx` for area chart with legend - Added `chart-area-linear.tsx` for linear area chart - Added `chart-area-stacked-expand.tsx` for stacked area chart with expand stacking - Added `chart-line-multiple.tsx` for multiple line chart
- Added `chart-pie-legend.tsx` for pie chart with legend - Added `chart-pie-separator-none.tsx` for pie chart without separator - Added `chart-pie-simple.tsx` for simple pie chart - Added `chart-pie-stacked.tsx` for pie chart with stacked sections - Added `chart-radar-default.tsx` for default radar chart - Added `chart-radar-dots.tsx` for radar chart with dots - Added `chart-radar-grid-circle-fill.tsx` for radar chart with grid and circle fill - Added `chart-radar-grid-circle-no-lines.tsx` for radar chart with grid and circle, no lines - Added `chart-radar-grid-circle.tsx` for radar chart with grid and circle - Added `chart-radar-grid-custom.tsx` for radar chart with custom grid - Added `chart-radar-grid-fill.tsx` for radar chart with grid filled - Added `chart-radar-grid-none.tsx` for radar chart with no grid - Added `chart-radar-icons.tsx` for radar chart with icons - Added `chart-radar-label-custom.tsx` for radar chart with custom label - Added `chart-radar-legend.tsx` for radar chart with legend - Added `chart-radar-lines-only.tsx` for radar chart with lines only - Added `chart-radar-multiple.tsx` for radar chart with multiple data - Added `chart-radar-radius.tsx` for radar chart with radius axis - Added `chart-radial-grid.tsx` for radial chart with grid - Added `chart-area-stacked.tsx` for stacked area chart in Miami registry
- Added multiple bar chart component - Added bar chart with negative values component - Added stacked bar chart with legend component - Added default line chart component - Added line chart with dots and colors component - Added line chart with custom dots component - Added line chart with dots component - Added interactive line chart component - Added line chart with custom label component - Added line chart with label component - Added linear line chart component - Added multiple line chart component - Added line chart with step component - Added donut chart with active sector component - Added donut chart with text component - Added donut chart component - Added interactive pie chart component - Added pie chart with custom label component - Added pie chart with label list component - Added radial chart with label component
…t types - Added default and Miami chart configurations in JSON format. - Implemented various chart components including area, bar, and pie charts. - Included interactive and customizable chart options. - Enhanced chart components with tooltips, legends, and labels.
- Added multiple chart components for different chart types. - Created pages and layouts for displaying charts. - Implemented chart theme switcher and chart code viewer. - Added documentation for chart components and usage.
- Added multiple chart components for pie, radar, radial, area, bar, and line charts. - Implemented utility functions for theme color conversion to CSS variables.
…onent 🎨 style(particles.tsx): update canvas class to use size-full utility 🎨 style(popover.tsx): reformat className for better readability 🎨 style(progress.tsx): reformat className for better readability 🎨 style(pulsating-button.tsx): reformat className for better readability 🎨 style(radio-group.tsx): reformat className for better readability 🎨 style(resizable.tsx): reformat className for better readability 🎨 style(retro-grid.tsx): update className to use size-full utility 🎨 style(ripple.tsx): reformat className for better readability 🎨 style(scratch-to-reveal.tsx): reformat className for better readability 🎨 style(scroll-area.tsx): reformat className for better readability 🎨 style(scroll-progress.tsx): reformat className for better readability 🎨 style(select.tsx): reformat className for better readability 🎨 style(separator.tsx): reformat className for better readability 🎨 style(sheet.tsx): reformat className for better readability 🎨 style(shimmer-button.tsx): reformat className for better readability 🎨 style(shine-border.tsx): reformat className for better readability 🎨 style(shiny-button.tsx): reformat className for better readability 🎨 style(skeleton.tsx): reformat className for better readability 🎨 style(slider.tsx): reformat className for better readability 🎨 style(sparkles-text.tsx): reformat className for better readability 🎨 style(star-rating.tsx): reformat className for better readability 🎨 style(stepper.tsx): reformat className for better readability 🎨 style(switch.tsx): reformat className for better readability 🎨 style(table.tsx): reformat className for better readability 🎨 style(tabs.tsx): reformat className for better readability 🎨 style(text-reveal.tsx): reformat className for better readability 🎨 style(textarea.tsx): reformat className for better readability 🎨 style(timeline.tsx): reformat className for better readability 🎨 style(toast.tsx): reformat className for better readability 🎨 style(toc.tsx):
✨ feat(registry.ts): include charts in the registry ✨ feat(schema.ts): add 'components:chart' type to registry schema ♻️ refactor(themes.ts): update theme names and color values ✨ feat(ui.ts): add chart component to the UI registry
♻️ refactor(blocks.ts): update import paths and add error handling ✨ feat(events.ts): add new event types for chart interactions 🧹 chore(package.json): update dependencies and remove unused packages 🎨 style(themes.css): update theme variables and add new themes ✨ feat(eslint.config.mjs): add TailwindCSS settings and rules to ESLint configuration
|
The latest updates on your projects. Learn more about Vercel for Git ↗︎
|
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
Description
This pull request includes the following changes:
Commits
Reviewers
@nyxb