opal-d3 0.0.20170205

data/demo/app/data/star_trek_voyager.rb

@@ -0,0 +1,183 @@
+require "ostruct"
+
+# From imdb
+StarTrekVoyager = [
+  [1, 1, "Caretaker", 7.3],
+  [1, 2, "Parallax", 7.1],
+  [1, 3, "Time and Again", 7.1],
+  [1, 4, "Phage", 7.1],
+  [1, 5, "The Cloud", 6.4],
+  [1, 6, "Eye of the Needle", 8.1],
+  [1, 7, "Ex Post Facto", 6.6],
+  [1, 8, "Emanations", 6.6],
+  [1, 9, "Prime Factors", 7.3],
+  [1, 10, "State of Flux", 7.6],
+  [1, 11, "Heroes and Demons", 6.7],
+  [1, 12, "Cathexis", 6.7],
+  [1, 13, "Faces", 7.2],
+  [1, 14, "Jetrel", 7.2],
+  [1, 15, "Learning Curve", 7.1],
+  [2, 1, "The 37's", 7.3],
+  [2, 2, "Initiations", 6.5],
+  [2, 3, "Projections", 7.9],
+  [2, 4, "Elogium", 5.9],
+  [2, 5, "Non Sequitur", 6.9],
+  [2, 6, "Twisted", 7.0],
+  [2, 7, "Parturition", 6.3],
+  [2, 8, "Persistence of Vision", 6.9],
+  [2, 9, "Tattoo", 6.2],
+  [2, 10, "Cold Fire", 7.2],
+  [2, 11, "Maneuvers", 7.1],
+  [2, 12, "Resistance", 7.0],
+  [2, 13, "Prototype", 7.5],
+  [2, 14, "Alliances", 7.2],
+  [2, 15, "Threshold", 5.2],
+  [2, 16, "Meld", 7.9],
+  [2, 17, "Dreadnought", 7.6],
+  [2, 18, "Death Wish", 8.3],
+  [2, 19, "Lifesigns", 7.4],
+  [2, 20, "Investigations", 7.4],
+  [2, 21, "Deadlock", 8.2],
+  [2, 22, "Innocence", 6.6],
+  [2, 23, "The Thaw", 7.3],
+  [2, 24, "Tuvix", 7.5],
+  [2, 25, "Resolutions", 7.3],
+  [2, 26, "Basics: Part 1", 7.8],
+  [3, 1, "Basics: Part 2", 7.8],
+  [3, 2, "Flashback", 7.7],
+  [3, 3, "The Chute", 6.7],
+  [3, 4, "The Swarm", 7.0],
+  [3, 5, "False Profits", 6.6],
+  [3, 6, "Remember", 7.1],
+  [3, 7, "Sacred Ground", 5.8],
+  [3, 8, "Future's End: Part 1", 8.3],
+  [3, 9, "Future's End: Part 2", 8.2],
+  [3, 10, "Warlord", 6.7],
+  [3, 11, "The Q and the Grey", 7.2],
+  [3, 12, "Macrocosm", 7.2],
+  [3, 13, "Fair Trade", 6.7],
+  [3, 14, "Alter Ego", 6.6],
+  [3, 15, "Coda", 7.0],
+  [3, 16, "Blood Fever", 7.2],
+  [3, 17, "Unity", 7.8],
+  [3, 18, "Darkling", 6.4],
+  [3, 19, "Rise", 6.8],
+  [3, 20, "Favorite Son", 6.0],
+  [3, 21, "Before and After", 7.8],
+  [3, 22, "Real Life", 7.3],
+  [3, 23, "Distant Origin", 8.5],
+  [3, 24, "Displaced", 7.4],
+  [3, 25, "Worst Case Scenario", 8.1],
+  [3, 26, "Scorpion: Part 1", 8.9],
+  [4, 1, "Scorpion: Part 2", 8.8],
+  [4, 2, "The Gift", 7.8],
+  [4, 3, "Day of Honor", 7.3],
+  [4, 4, "Nemesis", 6.8],
+  [4, 5, "Revulsion", 7.4],
+  [4, 6, "The Raven", 7.3],
+  [4, 7, "Scientific Method", 7.9],
+  [4, 8, "Year of Hell: Part 1", 8.8],
+  [4, 9, "Year of Hell: Part 2", 8.6],
+  [4, 10, "Random Thoughts", 6.8],
+  [4, 11, "Concerning Flight", 6.8],
+  [4, 12, "Mortal Coil", 6.7],
+  [4, 13, "Waking Moments", 7.6],
+  [4, 14, "Message in a Bottle", 8.8],
+  [4, 15, "Hunters", 7.8],
+  [4, 16, "Prey", 8.1],
+  [4, 17, "Retrospect", 6.8],
+  [4, 18, "The Killing Game: Part 1", 7.8],
+  [4, 19, "The Killing Game: Part 2", 7.7],
+  [4, 20, "Vis À Vis", 6.6],
+  [4, 21, "The Omega Directive", 7.4],
+  [4, 22, "Unforgettable", 6.4],
+  [4, 23, "Living Witness", 8.8],
+  [4, 24, "Demon", 7.1],
+  [4, 25, "One", 8.1],
+  [4, 26, "Hope and Fear", 8.1],
+  [5, 1, "Night", 7.7],
+  [5, 2, "Drone", 8.5],
+  [5, 3, "Extreme Risk", 6.8],
+  [5, 4, "In the Flesh", 7.9],
+  [5, 5, "Once Upon a Time", 6.3],
+  [5, 6, "Timeless", 8.7],
+  [5, 7, "Infinite Regress", 7.6],
+  [5, 8, "Nothing Human", 7.1],
+  [5, 9, "Thirty Days", 7.2],
+  [5, 10, "Counterpoint", 7.8],
+  [5, 11, "Latent Image", 8.3],
+  [5, 12, "Bride of Chaotica!", 7.4],
+  [5, 13, "Gravity", 7.3],
+  [5, 14, "Bliss", 7.6],
+  [5, 15, "Dark Frontier", 8.4],
+  [5, 16, "Dark Frontier", 8.4],
+  [5, 17, "The Disease", 6.7],
+  [5, 18, "Course: Oblivion", 7.7],
+  [5, 19, "The Fight", 5.3],
+  [5, 20, "Think Tank", 7.6],
+  [5, 21, "Juggernaut", 6.8],
+  [5, 22, "Someone to Watch Over Me", 8.1],
+  [5, 23, "11:59", 6.6],
+  [5, 24, "Relativity", 8.5],
+  [5, 25, "Warhead", 7.1],
+  [5, 26, "Equinox: Part 1", 8.4],
+  [6, 1, "Equinox: Part 2", 8.2],
+  [6, 2, "Survival Instinct", 7.5],
+  [6, 3, "Barge of the Dead", 6.4],
+  [6, 4, "Tinker Tenor Doctor Spy", 8.5],
+  [6, 5, "Alice", 6.5],
+  [6, 6, "Riddles", 7.3],
+  [6, 7, "Dragon's Teeth", 7.6],
+  [6, 8, "One Small Step", 7.6],
+  [6, 9, "The Voyager Conspiracy", 7.4],
+  [6, 10, "Pathfinder", 8.3],
+  [6, 11, "Fair Haven", 6.2],
+  [6, 12, "Blink of an Eye", 8.9],
+  [6, 13, "Virtuoso", 7.1],
+  [6, 14, "Memorial", 7.0],
+  [6, 15, "Tsunkatse", 7.1],
+  [6, 16, "Collective", 7.3],
+  [6, 17, "Spirit Folk", 6.2],
+  [6, 18, "Ashes to Ashes", 6.9],
+  [6, 19, "Child's Play", 7.4],
+  [6, 20, "Good Shepherd", 7.1],
+  [6, 21, "Live Fast and Prosper", 7.2],
+  [6, 22, "Muse", 6.7],
+  [6, 23, "Fury", 6.3],
+  [6, 24, "Life Line", 8.2],
+  [6, 25, "The Haunting of Deck Twelve", 7.1],
+  [6, 26, "Unimatrix Zero: Part 1", 8.0],
+  [7, 1, "Unimatrix Zero: Part 2", 7.9],
+  [7, 2, "Imperfection", 7.5],
+  [7, 3, "Drive", 7.0],
+  [7, 4, "Repression", 6.7],
+  [7, 5, "Critical Care", 7.7],
+  [7, 6, "Inside Man", 7.3],
+  [7, 7, "Body and Soul", 7.8],
+  [7, 8, "Nightingale", 6.6],
+  [7, 9, "Flesh and Blood", 7.6],
+  [7, 10, "Flesh and Blood: Part 2", 7.6],
+  [7, 11, "Shattered", 8.2],
+  [7, 12, "Lineage", 6.9],
+  [7, 13, "Repentance", 7.3],
+  [7, 14, "Prophecy", 7.2],
+  [7, 15, "The Void", 8.0],
+  [7, 16, "Workforce: Part 1", 7.6],
+  [7, 17, "Workforce: Part 2", 7.7],
+  [7, 18, "Human Error", 7.2],
+  [7, 19, "Q2", 7.4],
+  [7, 20, "Author, Author", 7.8],
+  [7, 21, "Friendship One", 7.0],
+  [7, 22, "Natural Law", 7.1],
+  [7, 23, "Homestead", 7.5],
+  [7, 24, "Renaissance Man", 7.6],
+  [7, 25, "Endgame", 8.5],
+].each_with_index.map do |(s,e,t,r),i|
+  OpenStruct.new(
+    season: s,
+    episode: e,
+    title: t,
+    rating: r,
+    number: i
+  )
+end

data/demo/app/data/weather_in_london.rb

@@ -0,0 +1,381 @@
+# From wunderground.com
+require "ostruct"
+require "time"
+
+# 2016
+WeatherInLondon = [
+  [1, 1, 1, 4, 9],
+  [1, 2, 8, 9, 11],
+  [1, 3, 5, 7, 9],
+  [1, 4, 6, 8, 11],
+  [1, 5, 5, 8, 10],
+  [1, 6, 4, 6, 8],
+  [1, 7, 3, 7, 11],
+  [1, 8, 0, 4, 9],
+  [1, 9, 6, 8, 11],
+  [1, 10, 4, 7, 9],
+  [1, 11, 4, 6, 7],
+  [1, 12, 3, 6, 7],
+  [1, 13, 2, 4, 7],
+  [1, 14, 2, 3, 5],
+  [1, 15, 1, 3, 6],
+  [1, 16, -1, 2, 5],
+  [1, 17, 0, 2, 4],
+  [1, 18, -1, 2, 5],
+  [1, 19, -3, 1, 5],
+  [1, 20, -5, 1, 7],
+  [1, 21, -3, 2, 8],
+  [1, 22, 3, 7, 11],
+  [1, 23, 4, 8, 11],
+  [1, 24, 8, 11, 15],
+  [1, 25, 7, 11, 13],
+  [1, 26, 5, 8, 12],
+  [1, 27, 7, 10, 13],
+  [1, 28, 2, 6, 10],
+  [1, 29, 7, 10, 12],
+  [1, 30, 4, 7, 8],
+  [1, 31, 4, 9, 13],
+  [2, 1, 9, 12, 14],
+  [2, 2, 5, 8, 10],
+  [2, 3, 2, 6, 9],
+  [2, 4, 3, 8, 14],
+  [2, 5, 9, 10, 11],
+  [2, 6, 6, 9, 12],
+  [2, 7, 5, 8, 10],
+  [2, 8, 6, 8, 9],
+  [2, 9, 2, 5, 8],
+  [2, 10, 2, 5, 8],
+  [2, 11, -1, 4, 9],
+  [2, 12, 0, 3, 7],
+  [2, 13, 2, 3, 5],
+  [2, 14, 1, 3, 6],
+  [2, 15, 0, 3, 7],
+  [2, 16, -3, 2, 8],
+  [2, 17, 0, 3, 6],
+  [2, 18, 1, 5, 8],
+  [2, 19, -2, 4, 10],
+  [2, 20, 7, 10, 13],
+  [2, 21, 11, 13, 14],
+  [2, 22, 4, 7, 9],
+  [2, 23, 2, 6, 9],
+  [2, 24, -2, 3, 8],
+  [2, 25, -2, 2, 7],
+  [2, 26, 0, 4, 8],
+  [2, 27, 3, 4, 6],
+  [2, 28, 2, 5, 8],
+  [2, 29, 0, 4, 9],
+  [3, 1, 4, 8, 13],
+  [3, 2, 3, 6, 7],
+  [3, 3, 3, 6, 9],
+  [3, 4, 1, 4, 8],
+  [3, 5, -1, 3, 7],
+  [3, 6, 1, 3, 6],
+  [3, 7, 0, 4, 8],
+  [3, 8, -2, 3, 9],
+  [3, 9, 6, 8, 11],
+  [3, 10, 3, 7, 9],
+  [3, 11, -1, 6, 11],
+  [3, 12, 3, 7, 11],
+  [3, 13, 3, 7, 11],
+  [3, 14, 3, 8, 12],
+  [3, 15, 2, 6, 9],
+  [3, 16, 5, 8, 10],
+  [3, 17, 2, 7, 12],
+  [3, 18, 1, 4, 7],
+  [3, 19, 6, 7, 9],
+  [3, 20, 5, 8, 11],
+  [3, 21, 5, 9, 12],
+  [3, 22, 1, 7, 14],
+  [3, 23, 6, 8, 10],
+  [3, 24, 5, 8, 11],
+  [3, 25, 7, 11, 15],
+  [3, 26, 6, 10, 14],
+  [3, 27, 5, 8, 11],
+  [3, 28, 4, 8, 13],
+  [3, 29, 4, 8, 12],
+  [3, 30, 4, 9, 13],
+  [3, 31, 4, 9, 13],
+  [4, 1, 1, 7, 13],
+  [4, 2, 8, 11, 14],
+  [4, 3, 7, 11, 15],
+  [4, 4, 8, 11, 13],
+  [4, 5, 7, 11, 15],
+  [4, 6, 5, 9, 13],
+  [4, 7, 4, 8, 12],
+  [4, 8, 4, 9, 14],
+  [4, 9, 4, 8, 11],
+  [4, 10, 1, 7, 13],
+  [4, 11, 8, 11, 14],
+  [4, 12, 7, 12, 17],
+  [4, 13, 3, 11, 18],
+  [4, 14, 8, 12, 17],
+  [4, 15, 8, 11, 13],
+  [4, 16, 4, 7, 9],
+  [4, 17, 0, 6, 12],
+  [4, 18, 3, 8, 13],
+  [4, 19, 8, 12, 16],
+  [4, 20, 4, 9, 14],
+  [4, 21, 6, 11, 17],
+  [4, 22, 6, 8, 11],
+  [4, 23, 3, 7, 11],
+  [4, 24, 3, 7, 10],
+  [4, 25, 4, 8, 12],
+  [4, 26, 2, 7, 11],
+  [4, 27, 1, 7, 12],
+  [4, 28, 0, 6, 12],
+  [4, 29, 4, 8, 12],
+  [4, 30, 1, 8, 14],
+  [5, 1, 2, 9, 16],
+  [5, 2, 8, 13, 18],
+  [5, 3, 4, 10, 16],
+  [5, 4, 4, 11, 17],
+  [5, 5, 6, 13, 21],
+  [5, 6, 8, 16, 23],
+  [5, 7, 13, 18, 24],
+  [5, 8, 13, 20, 27],
+  [5, 9, 14, 19, 24],
+  [5, 10, 15, 16, 17],
+  [5, 11, 14, 17, 19],
+  [5, 12, 12, 18, 24],
+  [5, 13, 9, 13, 17],
+  [5, 14, 7, 11, 14],
+  [5, 15, 5, 11, 17],
+  [5, 16, 8, 13, 18],
+  [5, 17, 8, 13, 18],
+  [5, 18, 11, 12, 14],
+  [5, 19, 9, 14, 19],
+  [5, 20, 13, 16, 19],
+  [5, 21, 12, 15, 18],
+  [5, 22, 11, 14, 18],
+  [5, 23, 9, 14, 19],
+  [5, 24, 7, 12, 17],
+  [5, 25, 9, 11, 12],
+  [5, 26, 7, 14, 21],
+  [5, 27, 11, 17, 22],
+  [5, 28, 10, 16, 21],
+  [5, 29, 9, 14, 19],
+  [5, 30, 12, 14, 18],
+  [5, 31, 11, 12, 13],
+  [6, 1, 11, 12, 13],
+  [6, 2, 10, 12, 13],
+  [6, 3, 9, 12, 14],
+  [6, 4, 12, 16, 19],
+  [6, 5, 12, 18, 24],
+  [6, 6, 12, 18, 25],
+  [6, 7, 12, 18, 24],
+  [6, 8, 14, 20, 26],
+  [6, 9, 13, 18, 23],
+  [6, 10, 13, 19, 24],
+  [6, 11, 16, 19, 22],
+  [6, 12, 14, 18, 21],
+  [6, 13, 13, 16, 19],
+  [6, 14, 13, 16, 19],
+  [6, 15, 12, 16, 20],
+  [6, 16, 12, 15, 18],
+  [6, 17, 13, 17, 20],
+  [6, 18, 12, 14, 17],
+  [6, 19, 11, 16, 20],
+  [6, 20, 15, 19, 22],
+  [6, 21, 14, 18, 22],
+  [6, 22, 14, 18, 22],
+  [6, 23, 16, 19, 21],
+  [6, 24, 11, 17, 22],
+  [6, 25, 12, 16, 20],
+  [6, 26, 12, 17, 21],
+  [6, 27, 14, 18, 22],
+  [6, 28, 11, 16, 21],
+  [6, 29, 11, 13, 17],
+  [6, 30, 13, 17, 20],
+  [7, 1, 12, 16, 19],
+  [7, 2, 10, 16, 21],
+  [7, 3, 10, 16, 21],
+  [7, 4, 11, 16, 21],
+  [7, 5, 14, 18, 21],
+  [7, 6, 10, 16, 22],
+  [7, 7, 14, 19, 23],
+  [7, 8, 14, 19, 23],
+  [7, 9, 15, 19, 23],
+  [7, 10, 16, 19, 23],
+  [7, 11, 15, 18, 22],
+  [7, 12, 12, 16, 19],
+  [7, 13, 12, 16, 20],
+  [7, 14, 11, 17, 22],
+  [7, 15, 11, 15, 19],
+  [7, 16, 17, 22, 27],
+  [7, 17, 17, 22, 27],
+  [7, 18, 16, 22, 29],
+  [7, 19, 16, 24, 33],
+  [7, 20, 17, 25, 31],
+  [7, 21, 14, 19, 25],
+  [7, 22, 17, 21, 24],
+  [7, 23, 14, 21, 28],
+  [7, 24, 14, 20, 26],
+  [7, 25, 14, 19, 24],
+  [7, 26, 13, 18, 23],
+  [7, 27, 17, 21, 26],
+  [7, 28, 14, 19, 23],
+  [7, 29, 16, 20, 23],
+  [7, 30, 16, 19, 22],
+  [7, 31, 13, 18, 22],
+  [8, 1, 12, 16, 19],
+  [8, 2, 14, 18, 22],
+  [8, 3, 17, 21, 24],
+  [8, 4, 15, 19, 23],
+  [8, 5, 13, 18, 24],
+  [8, 6, 12, 19, 26],
+  [8, 7, 17, 22, 27],
+  [8, 8, 14, 18, 22],
+  [8, 9, 10, 16, 21],
+  [8, 10, 11, 16, 20],
+  [8, 11, 14, 19, 24],
+  [8, 12, 13, 20, 27],
+  [8, 13, 14, 20, 26],
+  [8, 14, 15, 19, 23],
+  [8, 15, 12, 18, 24],
+  [8, 16, 12, 19, 25],
+  [8, 17, 13, 20, 27],
+  [8, 18, 16, 20, 25],
+  [8, 19, 16, 17, 19],
+  [8, 20, 14, 18, 22],
+  [8, 21, 14, 19, 23],
+  [8, 22, 16, 21, 26],
+  [8, 23, 13, 22, 31],
+  [8, 24, 18, 26, 33],
+  [8, 25, 18, 23, 27],
+  [8, 26, 17, 22, 27],
+  [8, 27, 16, 21, 26],
+  [8, 28, 16, 19, 21],
+  [8, 29, 15, 19, 24],
+  [8, 30, 13, 20, 27],
+  [8, 31, 12, 18, 24],
+  [9, 1, 13, 19, 24],
+  [9, 2, 14, 17, 20],
+  [9, 3, 12, 17, 21],
+  [9, 4, 8, 14, 21],
+  [9, 5, 13, 18, 23],
+  [9, 6, 19, 21, 24],
+  [9, 7, 18, 23, 28],
+  [9, 8, 15, 19, 24],
+  [9, 9, 15, 19, 24],
+  [9, 10, 13, 16, 19],
+  [9, 11, 8, 15, 22],
+  [9, 12, 11, 18, 26],
+  [9, 13, 16, 24, 33],
+  [9, 14, 18, 23, 28],
+  [9, 15, 16, 22, 29],
+  [9, 16, 14, 16, 18],
+  [9, 17, 13, 14, 16],
+  [9, 18, 14, 17, 21],
+  [9, 19, 13, 16, 19],
+  [9, 20, 14, 17, 19],
+  [9, 21, 14, 18, 22],
+  [9, 22, 13, 17, 21],
+  [9, 23, 9, 14, 21],
+  [9, 24, 9, 16, 23],
+  [9, 25, 11, 16, 21],
+  [9, 26, 9, 14, 18],
+  [9, 27, 9, 14, 19],
+  [9, 28, 12, 17, 23],
+  [9, 29, 12, 17, 20],
+  [9, 30, 10, 14, 19],
+  [10, 1, 9, 12, 16],
+  [10, 2, 8, 12, 17],
+  [10, 3, 5, 12, 18],
+  [10, 4, 9, 14, 19],
+  [10, 5, 10, 14, 17],
+  [10, 6, 8, 12, 16],
+  [10, 7, 11, 13, 15],
+  [10, 8, 11, 14, 17],
+  [10, 9, 8, 12, 16],
+  [10, 10, 6, 10, 14],
+  [10, 11, 4, 11, 17],
+  [10, 12, 9, 12, 16],
+  [10, 13, 8, 11, 13],
+  [10, 14, 9, 12, 15],
+  [10, 15, 8, 13, 18],
+  [10, 16, 7, 13, 18],
+  [10, 17, 9, 13, 17],
+  [10, 18, 9, 11, 14],
+  [10, 19, 9, 11, 13],
+  [10, 20, 8, 11, 14],
+  [10, 21, 7, 10, 13],
+  [10, 22, 5, 10, 14],
+  [10, 23, 6, 9, 13],
+  [10, 24, 9, 11, 13],
+  [10, 25, 9, 12, 14],
+  [10, 26, 9, 12, 16],
+  [10, 27, 8, 12, 16],
+  [10, 28, 10, 13, 17],
+  [10, 29, 11, 13, 15],
+  [10, 30, 8, 10, 12],
+  [10, 31, 8, 14, 20],
+  [11, 1, 6, 9, 12],
+  [11, 2, 2, 7, 11],
+  [11, 3, 2, 7, 12],
+  [11, 4, 4, 8, 11],
+  [11, 5, 2, 6, 9],
+  [11, 6, 2, 4, 8],
+  [11, 7, 2, 4, 8],
+  [11, 8, -1, 2, 6],
+  [11, 9, 3, 7, 9],
+  [11, 10, 3, 7, 11],
+  [11, 11, 3, 7, 11],
+  [11, 12, 2, 7, 11],
+  [11, 13, 5, 8, 11],
+  [11, 14, 5, 9, 13],
+  [11, 15, 12, 14, 16],
+  [11, 16, 9, 11, 14],
+  [11, 17, 7, 10, 14],
+  [11, 18, 2, 7, 11],
+  [11, 19, 1, 4, 8],
+  [11, 20, 5, 7, 8],
+  [11, 21, 5, 9, 12],
+  [11, 22, 6, 9, 12],
+  [11, 23, 4, 7, 10],
+  [11, 24, 7, 8, 10],
+  [11, 25, 5, 8, 11],
+  [11, 26, 2, 6, 9],
+  [11, 27, 5, 7, 8],
+  [11, 28, 2, 6, 9],
+  [11, 29, -2, 2, 7],
+  [11, 30, -4, 1, 7],
+  [12, 1, -3, 2, 8],
+  [12, 2, 3, 6, 8],
+  [12, 3, 3, 6, 9],
+  [12, 4, 0, 4, 8],
+  [12, 5, -2, 3, 8],
+  [12, 6, 1, 6, 11],
+  [12, 7, 8, 10, 13],
+  [12, 8, 9, 11, 13],
+  [12, 9, 10, 12, 14],
+  [12, 10, 7, 10, 13],
+  [12, 11, 3, 7, 10],
+  [12, 12, 2, 7, 11],
+  [12, 13, 7, 10, 13],
+  [12, 14, 6, 10, 14],
+  [12, 15, 4, 8, 11],
+  [12, 16, 7, 9, 11],
+  [12, 17, 3, 6, 8],
+  [12, 18, 6, 7, 7],
+  [12, 19, 4, 6, 7],
+  [12, 20, 4, 6, 7],
+  [12, 21, 4, 8, 12],
+  [12, 22, 2, 6, 11],
+  [12, 23, 3, 7, 11],
+  [12, 24, 5, 8, 10],
+  [12, 25, 9, 11, 13],
+  [12, 26, 2, 5, 8],
+  [12, 27, -1, 3, 7],
+  [12, 28, -2, 3, 8],
+  [12, 29, -4, 3, 9],
+  [12, 30, -1, 1, 3],
+  [12, 31, 2, 6, 9],
+].map do |month,day,min,mean,max|
+  OpenStruct.new(
+    month: month,
+    day: day,
+    min: min,
+    mean: mean,
+    max: max,
+  )
+end

data/demo/app/elections_2016.rb

@@ -0,0 +1,19 @@
+require "opal"
+require "opal-d3"
+require "data/elections_2016"
+
+list = D3.select("#visualization").append("ul")
+max_votes = Elections2016.map(&:votes).max
+
+Elections2016.each do |candidate|
+  item = list.append("li")
+    .style("position", "relative")
+  item.append("span")
+    .style("background-color", candidate.color)
+    .style("position", "absolute")
+    .style("width", "#{100.0 * candidate.votes / max_votes}%")
+    .style("height", "100%")
+  item.append("span")
+    .style("position", "absolute")
+    .text("#{candidate.name} - #{candidate.votes} votes")
+end

data/demo/app/harry_potter.rb

@@ -0,0 +1,35 @@
+require "opal"
+require "opal-d3"
+require "data/harry_potter"
+
+svg = D3.select("#visualization")
+        .append("svg")
+        .attr("height", "400px")
+        .attr("width", "100%")
+width = svg.style("width").to_i
+
+bar_size = (400-40-20) / (HarryPotterBooks.size)
+
+x = D3.scale_linear.domain(HarryPotterBooks.map(&:date).minmax).range([200,width-90])
+y = D3.scale_ordinal.range(HarryPotterBooks.size.times.map{|i| 40+i*bar_size}.reverse)
+s = D3.scale_sqrt.domain([0, HarryPotterBooks.map(&:pages).max]).range([0,50])
+
+HarryPotterBooks.each do |book|
+  svg.append("text")
+    .attr("x", x.(book.date))
+    .attr("y", y.(book.title) + bar_size/2)
+    .attr("font-size", s.(book.pages))
+    .text("📖")
+    .attr("text-anchor", "middle")
+  svg.append("text")
+    .attr("x", 0)
+    .attr("y", y.(book.title) + bar_size/2)
+    .text(book.title)
+end
+
+axis_bottom = D3.axis_bottom(x)
+  .tick_format(D3.time_format("%Y-%m-%d"))
+  .tick_values(HarryPotterBooks.map(&:date))
+svg.append("g")
+  .attr("transform", "translate(0, 380)")
+  .call(axis_bottom)

data/demo/app/iphones.rb

@@ -0,0 +1,47 @@
+require "opal"
+require "opal-d3"
+require "data/iphones"
+
+svg = D3.select("#visualization")
+        .append("svg")
+        .attr("height", "500px")
+        .attr("width", "100%")
+width = svg.style("width").to_i
+
+x = D3.scale_linear.domain(IPhoneVariants.map(&:released).minmax).range([20,width-90]).nice
+y = D3.scale_log.domain(IPhoneVariants.map(&:size).minmax).range([380,20])
+c = D3.scale_ordinal.range(D3.scheme_category_20)
+
+# If there are multiple points on same date/size combination,
+# move any duplicates 15px right (or 30px for triplicates etc.)
+duplicates = Hash.new(0)
+
+graph_area = svg.append("g")
+    .attr("transform", "translate(60, 20)")
+graph_area.select_all("circle")
+  .data(IPhoneVariants).enter
+  .append("circle")
+    .attr("cx"){|d|
+      count = duplicates[[d.released, d.size]]
+      duplicates[[d.released, d.size]] += 1
+      x.(d.released) + 15 * count
+    }
+    .attr("cy"){|d| y.(d.size)}
+    .attr("r", 10)
+    .attr("fill"){|d| c.(d.name)}
+
+axis_bottom = D3.axis_bottom(x)
+  .tick_format(D3.time_format("%Y-%m-%d"))
+axis_left = D3.axis_left(y)
+  .tick_values([4,8,16,32,64,128,256])
+  .tick_format{|v| "#{v} GB"}
+graph_area.call(axis_left)
+graph_area.append("g").attr("transform", "translate(0, 400)").call(axis_bottom)
+
+D3.select("#visualization").append("table")
+  .select_all("tr")
+  .data(IPhones).enter
+  .append("tr")
+    .append("td")
+    .text{|d| d.name}
+    .style("background"){|d| c.(d.name)}

data/demo/app/london_population.rb

@@ -0,0 +1,46 @@
+require "opal"
+require "opal-d3"
+require "data/london_population"
+
+svg = D3.select("#visualization")
+        .append("svg")
+        .attr("height", "400px")
+        .attr("width", "100%")
+
+svg.append("g").select_all("rect")
+   .data(LondonPopulation)
+   .enter().append("rect")
+     .attr("width", 30)
+     .attr("height"){|d| d.greater/100_000 }
+     .attr("y"){|d| 200 - d.greater/100_000 }
+     .attr("x"){|d| (d.year-1800)*4 }
+     .attr("fill", "pink")
+
+svg.append("g").select_all("rect")
+  .data(LondonPopulation)
+  .enter().append("rect")
+    .attr("width", 30)
+    .attr("height"){|d| d.inner/100_000 }
+    .attr("y"){|d| 200 - d.inner/100_000 }
+    .attr("x"){|d| (d.year-1800)*4 }
+    .attr("fill", "steelblue")
+
+svg.append("g").select_all("circle")
+   .data(LondonPopulation)
+   .enter().append("circle")
+     .attr("fill", "pink")
+     .attr("cx"){|d| 15 + (d.year-1800)*4 }
+     .attr("cy", 300)
+     .attr("r"){|d| (d.greater**0.5)/150.0 }
+
+svg.append("g").select_all("circle")
+  .data(LondonPopulation)
+  .enter().append("circle")
+    .attr("fill", "steelblue")
+    .attr("cx"){|d| 15 + (d.year-1800)*4 }
+    .attr("cy", 300)
+    .attr("r"){|d| (d.inner**0.5)/150.0 }
+
+list = D3.select("#visualization").append("table")
+list.append("tr").append("td").text("Outer London").style("background", "pink")
+list.append("tr").append("td").text("Inner London").style("background", "steelblue")