feat: add RadarChart component for spider/radar visualizations#3278
Open
wrathagom wants to merge 4 commits intoevidence-dev:mainfrom
Open
feat: add RadarChart component for spider/radar visualizations#3278wrathagom wants to merge 4 commits intoevidence-dev:mainfrom
wrathagom wants to merge 4 commits intoevidence-dev:mainfrom
Conversation
Co-Authored-By: Caleb Keller <calebmkeller@gmail.com>
- Rewrote RadarChart to follow the Sankey pattern with direct ECharts config - Renamed inner component to InnerRadarChart.svelte - Removed old Radar.svelte that used Chart wrapper (incompatible with radar coordinate system) - Fixed lint errors and formatting Co-Authored-By: Caleb Keller <calebmkeller@gmail.com>
- Moved from chart-testing to charts folder (alongside other chart docs) - Added 15+ examples demonstrating all RadarChart features: - Basic single series radar - Multi-series comparison (Team A vs Team B) - Three-way product comparison - Circle shape vs polygon - Custom max value for consistent scaling - Fill opacity (high vs low) - Line width customization - Markers with custom size - Data labels showing values - Custom colors (fillColor, lineColor) - Color palette for multi-series - Combined styling options - Chart height customization - Each example includes clear description of what the prop does Co-Authored-By: Caleb Keller <calebmkeller@gmail.com>
Co-Authored-By: Caleb Keller <calebmkeller@gmail.com>
wrathagom
requested a deployment
to
Approval required to run action on external PR
GitHub Actions
Waiting
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
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
1 participant
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
Adds a new
RadarChartcomponent for creating radar/spider chart visualizations in Evidence. This follows the Sankey pattern (direct ECharts config) rather than the LineChart/AreaChart pattern, because radar charts use a different coordinate system (radar) instead of cartesian axes.Files added:
RadarChart.svelte- Wrapper component with QueryLoad for data handlingInnerRadarChart.svelte- Inner component that builds ECharts radar config directlysites/example-project/src/pages/charts/radar-chart/+page.md- Comprehensive examples pageKey features:
maxpropshapeprop for polygon or circle radar shapesArchitecture choice: Uses Sankey pattern (direct ECharts) instead of Chart wrapper. This was necessary because radar charts don't use xAxis/yAxis.
View demo video (rec-ea8665f22ce34681beef578345c8090e-edited.mp4)
Checklist