Drawing and Data Visualization
Canvas, SVG, charts, gauges, and relationship diagrams.
Interactive air quality bar chart
Complete an interactive bar chart for an air quality scenario: includes real content, interactive controls, clear status feedback, and responsive layouts across sizes.
Open and runAir quality trend line chart
Complete the trend line chart for the air quality scenario: include real content, interactive controls, clear status feedback, and responsive layouts across sizes.
Open and runAir Quality Donut Chart
Complete a donut chart for an air-quality scenario: include real content, interactive controls, clear state feedback, and cross-size layouts.
Open and runAir Quality Dashboard Graphic
Complete the dashboard chart in an air-quality scenario: includes real content, actionable controls, clear state feedback, and responsive layouts across sizes.
Open and runAir Quality Capability Radar Chart
Complete the capability radar chart in the air quality scenario: includes real content, actionable controls, clear status feedback, and a responsive layout across sizes.
Open and runAir Quality Scatter Plot
Complete the scatter plot for the air-quality scenario: include real content, interactive controls, clear status feedback, and responsive layout across screen sizes.
Open and runAir quality matrix heatmap
Complete a matrix heatmap in an air-quality scenario: includes realistic content, interactive controls, clear state feedback, and responsive layouts.
Open and runAir Quality Timeline Chart
Complete the timeline chart for an air-quality scenario: includes real content, actionable controls, clear status feedback, and responsive layouts across sizes.
Open and runAir Quality Relationship Node Map
Complete a relationship node graph in an air quality scenario: includes real content, interactive controls, clear state feedback, and responsive layouts.
Open and runAir Quality Waveform Plotter
Complete a waveform visualizer in an air-quality scenario: includes real content, interactive controls, clear status feedback, and responsive layouts across sizes.
Open and runLearning Progress Interactive Bar Chart
Build an interactive bar chart for a learning-progress scenario: include real content, actionable controls, clear state feedback, and responsive layouts across sizes.
Open and runLine Chart of Learning Progress Trends
Complete a trend line chart in a learning progress scenario: includes real content, actionable controls, clear status feedback, and responsive layouts across sizes.
Open and runLearning Progress Donut Chart
Complete the donut chart in the learning progress scene: includes real content, interactive controls, clear status feedback, and responsive layout across sizes.
Open and runLearning Progress Gauge Chart
Create a dashboard graphic for a learning progress scenario: includes real content, interactive controls, clear state feedback, and cross-size layout.
Open and runLearning Progress Radar Chart
Complete the ability radar chart in a learning-progress scenario: includes realistic content, actionable controls, clear status feedback, and responsive cross-size layouts.
Open and runLearning Progress Scatter Plot
Complete a scatter plot for the learning progress scenario: includes real content, actionable controls, clear status feedback, and responsive layouts across sizes.
Open and runLearning Progress Matrix Heatmap
Complete a matrix heatmap for the learning progress scenario: includes realistic content, interactive controls, clear state feedback, and responsive layouts across sizes.
Open and runLearning progress timeline chart
Complete a timeline chart in a learning-progress scenario: with real content, actionable controls, clear status feedback, and responsive layouts across sizes.
Open and runLearning Progress Relationship Node Map
Complete a relationship node map for learning progress scenarios: include real content, interactive controls, clear status feedback, and responsive layouts across sizes.
Open and runLearning Progress Waveform Plotter
Complete the waveform visualizer for a learning progress scenario: include real content, operable controls, clear state feedback, and a responsive layout across sizes.
Open and runGarden Growth Interactive Bar Chart
Interactive bar chart completed in the garden growth scenario: includes real content, actionable controls, clear state feedback, and responsive layouts across sizes.
Open and runGarden Growth Trend Line Chart
Build a trend line chart for a garden growth scenario: real content, interactive controls, clear status feedback, and responsive layout across screen sizes.
Open and runGarden Growth Donut Chart
Create a donut chart for a garden-growth scenario: includes real content, interactive controls, clear state feedback, and responsive layout across sizes.
Open and runGarden Growth Dashboard Graphic
Complete dashboard graphics for a garden growth scenario: includes real content, actionable controls, clear status feedback, and responsive layouts across sizes.
Open and runGarden Growth Capability Radar Chart
Complete the ability radar chart in a garden growth scenario: includes real content, actionable controls, clear status feedback, and a responsive layout across sizes.
Open and runGarden Growth Scatter Plot
Complete a scatter plot for a garden growth scenario: includes real content, actionable controls, clear status feedback, and responsive layouts.
Open and runGarden Growth Matrix Heatmap
Complete a matrix heatmap in a garden growth scenario: includes real content, actionable controls, clear status feedback, and responsive layout.
Open and runGarden Growth Timeline Chart
Complete a timeline chart for the garden growth scenario: includes real content, interactive controls, clear status feedback, and responsive layouts across sizes.
Open and runArchive Growth Relationship Node Map
Complete a relationship node diagram for an archive growth scenario: includes real content, actionable controls, clear state feedback, and cross-size layouts.
Open and runAudio Metrics Waveform Renderer
Complete a waveform renderer in an audio metrics scenario: include real content, interactive controls, clear state feedback, and a responsive layout across sizes.
Open and runAir Atlas Interactive Bar Chart
An interactive bar chart completed for the Air Atlas scenario: includes real content, actionable controls, clear status feedback, and responsive layouts across screen sizes.
Open and runAir Briefing Donut Chart
Create a donut chart for an air briefing scenario: includes realistic content, interactive controls, clear state feedback, and responsive layouts across sizes.
Open and runAir Forecast Board Dashboard Graphic
Complete dashboard graphics for the air forecast board scenario: includes real content, actionable controls, clear status feedback, and responsive layouts across sizes.
Open and runAir ledger matrix heatmap
Build a matrix heatmap for an air-ledger scenario: with realistic content, actionable controls, clear state feedback, and responsive layouts across sizes.
Open and runAir monitoring station trend line chart
Complete a trend line chart for an air monitoring station scenario: includes real content, actionable controls, clear status feedback, and a responsive layout across sizes.
Open and runAir queue relationship node map
Complete a relationship node diagram for an air queue scenario: includes real content, actionable controls, clear status feedback, and responsive layouts across sizes.
Open and runAir Review Binder Capability Radar Chart
Complete an ability radar chart in an air review notebook scenario: includes real content, interactive controls, clear status feedback, and responsive layouts across sizes.
Open and runAir Signal Map Scatter Plot
Complete a scatter distribution chart in the air signal map scenario: includes real content, interactive controls, clear status feedback, and a responsive multi-size layout.
Open and runPublic Atlas timeline chart
Complete the timeline chart in a public atlas scenario: include real content, interactive controls, clear status feedback, and responsive layouts across sizes.
Open and runPublic Briefing Waveform Builder
Create a waveform visualizer for a public briefing scenario: include real content, interactive controls, clear status feedback, and a responsive layout.
Open and runPublic Feedback Interactive Bar Chart
Create an interactive bar chart for a public feedback scenario: with real content, actionable controls, clear state feedback, and responsive layouts.
Open and runPublic Forecast Board Donut Chart
A completed donut chart for a civic forecast board scenario: includes realistic content, interactive controls, clear state feedback, and cross-size layout.
Open and runPublic ledger dashboard graphics
Complete the dashboard graphic in a public ledger scenario: includes real content, interactive controls, clear state feedback, and responsive layouts across sizes.
Open and runCivic monitoring matrix heatmap
Complete the matrix heatmap in a public monitoring console scenario: includes real content, actionable controls, clear status feedback, and responsive layouts.
Open and runPublic Queue Trend Line Chart
Complete a trend line chart for a public queue scenario: includes real content, actionable controls, clear status feedback, and responsive behavior across sizes.
Open and runPublic Review Binder Relationship Node Graph
Complete a relationship node graph in a public review booklet scenario: include real content, interactive controls, clear state feedback, and a responsive layout across sizes.
Open and runCivic Signal Capability Radar Chart
Complete a capability radar chart in a public signal map scenario: includes real content, actionable controls, clear status feedback, and responsive layouts across sizes.
Open and runScatter Plot of Class Performance
Complete the scatter plot for a classroom performance scenario: includes real content, actionable controls, clear status feedback, and cross-size layout.
Open and runClass Atlas Timeline Chart
Complete the timeline chart for the classroom atlas scenario: includes real content, actionable controls, clear status feedback, and responsive layouts.
Open and run