change redraw to true for choropleth map animation

michaelbabyn · michaelbabyn · commit 5153224f09ae · 2019-06-21T17:02:50.000-04:00
diff --git a/_posts/plotly_js/animations/map-animations/2017-08-22-choropleth-animation.html b/_posts/plotly_js/animations/map-animations/2017-08-22-choropleth-animation.html
@@ -1,6 +1,6 @@
 ---
 name: Map Animations
-plot_url: https://codepen.io/bcd/embed/rzrJjb/?height=500&theme-id=15263&default-tab=result
+plot_url: https://codepen.io/plotly/embed/YoZLGQ/?height=500&theme-id=15263&default-tab=result
 language: plotly_js
 suite: map-animations
 order: 1
@@ -24,9 +24,9 @@
   var num = 2009
   for (var i = 0; i < n; i++) {
     k++
-    num++
     j = 51
     j = j*k
+    num++
     frames[i] = {data: [{z: [], locations: []}], name: num}
     frames[i].data[0].z = z.slice(0, j);
     frames[i].data[0].locations = locations.slice(0, j);
@@ -74,8 +74,7 @@
             duration: 200,
           },
           frame: {
-            duration: 500,
-            redraw: false
+            duration: 500
           }
         }],
         label: "Play"
@@ -89,8 +88,7 @@
               duration: 0
             },
             frame: {
-              duration: 0,
-              redraw: false
+              duration: 0
             }
           }
         ],
@@ -105,7 +103,7 @@
         args: [["2010"], {
             mode: "immediate",
             transition: {duration: 300},
-            frame: {duration: 300, "redraw": false}
+            frame: {duration: 300}
           }
         ]
       },{
@@ -114,7 +112,7 @@
         args: [["2011"], {
             mode: "immediate",
             transition: {duration: 300},
-            frame: {duration: 300, "redraw": false}
+            frame: {duration: 300}
           }
         ]
       }, {
@@ -123,7 +121,7 @@
         args: [["2012"], {
             mode: "immediate",
             transition: {duration: 300},
-            frame: {duration: 300, "redraw": false}
+            frame: {duration: 300}
           }
         ]
       }, {
@@ -132,7 +130,7 @@
         args: [["2013"], {
             mode: "immediate",
             transition: {duration: 300},
-            frame: {duration: 300, "redraw": false}
+            frame: {duration: 300}
           }
         ]
       }, {
@@ -141,7 +139,7 @@
         args: [["2014"], {
             mode: "immediate",
             transition: {duration: 300},
-            frame: {duration: 300, "redraw": false}
+            frame: {duration: 300}
           }
         ]
       }, {
@@ -150,7 +148,7 @@
         args: [["2015"], {
             mode: "immediate",
             transition: {duration: 300},
-            frame: {duration: 300, "redraw": false}
+            frame: {duration: 300}
           }
         ]
       }, {
@@ -159,7 +157,7 @@
         args: [["2016"], {
             mode: "immediate",
             transition: {duration: 300},
-            frame: {duration: 300, "redraw": false}
+            frame: {duration: 300}
           }
         ]
       }],
@@ -185,7 +183,7 @@
     }]
 };
 
-Plotly.plot(myDiv, data, layout).then(function() {
+Plotly.newPlot(myDiv, data, layout).then(function() {
     Plotly.addFrames('myDiv', frames);
   });
 })
