Generate ame a chart like this using chart js and expect the data strucuter to be simmialr to this "2024-02-14": { "episode_count": 10, "mention_count": 15, "net_sentiment": 0.75, "reach": 50000, "pr_value": 25000 } }
197d ago
I'll create a line chart similar to the one in your image using the shadcn/ui chart components (which are built on Recharts). The chart will display mentions over time based on your data structure.
This chart component:
- Displays a line chart similar to the one in your image, showing mentions over time
- Uses the data structure you provided, with dates as keys and metrics as nested objects
- Includes a dropdown to switch between different metrics (mentions, episodes, sentiment, reach, PR value)
- Formats dates properly on the x-axis
- Alternates between filled and unfilled dots for data points, similar to your reference image
- Provides tooltips with detailed information when hovering over data points
You can replace the sampleData object with your actual data while maintaining the same structure. The chart will automatically adjust to display your data.
197d ago