MetEd
  • Process Documentation
  • Lesson Development
  • Interactions Catalog
  • Tools
  • Introduction
  • Comet Developed
    • Calculators
      • Space Jumper Gravity Calculator
      • Pressure Gradient Force
      • Shallow Water Wave Calculator
      • Nighttime Radiation and Cooling Rates Calculator
      • Froude Number Calculator
      • Phase and Amplitude Interaction
      • Ocean Sound Speed Calculator
      • Gap Wind Calculator
      • Freezing Spray Calculator
    • Data Display
      • Dynamic Comparison Slider
      • Dynamic Charts using amCharts
      • Map with Image/Looper Overlay Toggle
      • Advanced Tabbed Loopers with frame sync
      • MCS Matrix
      • CS Matrix
      • Four Panel Looper Viewer
      • Clickable/Rollover Hotspot on Graphic
      • Checkboxes with Running Tally
      • Cims Single Panel Looper
      • Rollovers
      • User Notes with Local Storage
      • Multi-layer Drawing Exercise
    • Lesson Navigation
      • Lesson Progress Completion Tracking
      • Lesson Navigation with Single Page Return
      • Webcast Course with Single Page Return and FAQs
      • Visual Feedback of Video Completion
    • Question Variants
      • Local Storage Data Recall
      • Practice Drills
      • Map location Check Exercise
      • Branching Simulation
      • Jeopardy Game
      • Selectable Question with Validation Check
      • Dropdown Select Question with Image Preview
      • Vertical sliders with stop-values
      • Pin or object placement on image with feedback grid
      • Timeline Carousel with Tabs and Questions
      • Data and Message Building with Customized Feedback
      • Risk Matrix/Table Question
      • Input Questions with Customized Feedback
      • Card Flip Exercise
      • Question with Validation Check
      • Photo Quiz
      • Combined Drag and Draw Interaction with Background Toggle
      • Drag Interaction with Numbered Drag Elements
      • Show After Question Series with Custom Feedback
      • Embedded iFrame React App with Two-Way iFrame-Browser Communication
      • Question Series in Tabs
      • Drag & Drop Interaction with Scalable and Rotatable Transparent Overlay
    • Simulations
      • Roulette Interaction
      • Inside a Storm
      • Aim a Hurricane
      • Interactive Skew-T/Log-P Diagram
      • Hurricane Bowling Probability Game
      • Virtual Streamgage
      • Divergence & Vorticity Widget
      • Quasi-geostrophic Omega Equation Widget
  • Using 3rd Party Software
    • Articulate Storyline 360 Software
    • EdPuzzle - Interactive Videos
    • Observable Data Vis Repository
    • Sketchfab 3D Model Viewer
    • Unity 3D Game Engine
    • YouTube
  • Standalone Web Apps
    • COMET / NGS - Video Webinar Platform
    • SciEd Interactions - The Very Simple Climate Model
    • SciEd Interactions - Make a Hurricane
    • SciEd Interactions - Forecast a Hurricane
    • SciEd Interactions - Create a Snowstorm
    • SciEd Interactions - Climate Sensitivity Calculator
Powered by GitBook
On this page
Edit on GitHub
  1. Comet Developed
  2. Data Display

Dynamic Charts using amCharts

PreviousDynamic Comparison SliderNextMap with Image/Looper Overlay Toggle

Last updated 6 months ago

Description: Using amCharts 3 to add dynamic data control for line and bar charts.

Type: Integrated

Keywords: line charts, timeline, climate forcings, water resources management

Technologies: jQuery v1.11.1, amCharts v3, nouislider.js, wNumb.js, jquery.cookie.js

  • amCharts 3

    • amCharts plugin: serial

    • amCharts plugin: dataloader

    • amCharts plugin: export

Accessibility notes: --

Developer notes: Documentation for amCharts v3 is very limited as of OCT/2022, plugins may also not be compatible with newer versions of amCharts

Examples

Lesson
Link

Working with Water Level Data: Inundation Analysis

Climate and Water Resources Management, Part 1: Climate Variability and Change

See on deved →
See on deved →