Add data-viz modules, add components to index, add recharts to package.json #39
Conversation
This file contains hidden or 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
|
The latest updates on your projects. Learn more about Vercel for Git ↗︎
|
lorant-one
pushed a commit
that referenced
this pull request
Apr 1, 2025
…e.json (#39) # Conflicts: # src/once-ui/components/index.ts
JExcellence
pushed a commit
to JExcellence/nextjs-starter-update
that referenced
this pull request
May 19, 2025
…e.json (once-ui-system#39) # Conflicts: # src/once-ui/components/index.ts
lorant-one
pushed a commit
that referenced
this pull request
May 24, 2025
…e.json (#39) # Conflicts: # src/once-ui/components/index.ts # Conflicts: # src/once-ui/components/index.ts
lorant-one
added a commit
that referenced
this pull request
May 28, 2025
* Add data-viz modules, add components to index, add recharts to package.json (#39) # Conflicts: # src/once-ui/components/index.ts # Conflicts: # src/once-ui/components/index.ts * Data-viz sizing changes (fill) * feat: add axis title props and adjust padding/margins in graph components * feat: extend barWidth prop to accept number and string types in graph components * feat: enhance tooltip styling and improve axis label visibility in graph components * fix: update tooltip text styling in MultiBarGraph component * feat: enhance tooltip styling and add MultiBarGraph component styles * feat: add dashed line support to LineBarGraph and LineGraph components * feat: update tooltip formatting to use locale string representation in graph components * feat: add PieChart component with customizable options and tooltip * migrate to 0.6 and remove data-viz imports from barrel * move data-viz components to new data module * clutched up and saved time sequence + curve type commits * Remove Unused Imports * add color tokens for categorical charts, simplify BarGraph styling + refact UI # Conflicts: # src/once-ui/modules/data/BarGraph.tsx * Alter MultiBarGraph and LineBarGraph to conform to BarGraph Styles * Refactor LineBarGraph and MultiBarGraph for improved styling and layout consistency * Enhance graph components with improved titles, descriptions, and layout adjustments * Refactor tooltip components in LineBarGraph and LineGraph for consistent styling and layout adjustments; add data-viz attribute to MultiBarGraph * Refactor color tokens in LineBarGraph, LineGraph, and MultiBarGraph for improved consistency; update styles and add data-viz attributes * Make LineGraph use data vars for stroke color * Make PieChart use data-viz token colors * update colors * minor adjustments to linechart * more styling * refact bar + line chart style + props * soimplify key handling in LineChart * refactor linebargraph to align to new chart styles * fix: Linebargraph tooltip label on x hide bug * fix GroupedBarChart Colors and Styles * feat: fix axis labeling and legend rendering on BarChart and GroupedBarChart * refactor PieChart * refact BarChart naming conventions to distinguish Recharts from Once UI * feat: add date range selection and filtering for LineChart data * prevent client caused errors * imports + naming + consistency * props, style, and stuff * ui updates * consistency + UI * buncha sexy updates * animated tooltip * more design, API and stuff * update component APIs, props and UI * time series prop refact (move to date object) * better date handling * better handling for legend props (merge with defaults) * some examples and minor api improvements * remove double tooltip label from PieChart * fix grouped bar chart area ids * piechart styles fix * minor fixes, examples * push charts 1px upward for better rendering with axes * fix tooltip bug, cleanup home, add devLogger util * merge GroupBarChart and BarChart since they are essentially the same * update readme --------- Co-authored-by: Adhitya Nadooli <127269031+lightyfr@users.noreply.github.com>
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.
Demo: Here
This pull request introduces a new
BarGraphcomponent and aLineBarGraphcomponent, along with their corresponding styles. It also updates thepackage.jsonto include therechartslibrary. The main changes include the addition of new components for displaying bar graphs and line-bar combination graphs, and their associated styles.New Components and Styles:
BarGraph Component:
BarGraphcomponent with customizable properties such asdata,xAxisKey,yAxisKey,barColor,size,blur,title, and more.CustomTooltipfor theBarGraphcomponent to display detailed information on hover.BarGraph.module.scsswith styles for the graph container, tooltip, and blur effects.LineBarGraph Component:
LineBarGraphcomponent that combines line and bar charts with customizable properties likedata,xAxisKey,lineDataKey,barDataKey,lineColor,barColor,size,blur,title, and more.CustomTooltipforLineBarGraphto show detailed data points on hover.LineBarGraph.module.scsswith styles for the graph container, tooltip, and blur effects.Package Updates:
package.jsonto include therechartslibrary for rendering charts.Additional Styles:
LineGraphcomponent to enhance its appearance, including container, tooltip, and grid styles.