├── .gitignore
├── LICENSE
├── README.md
├── d3.v3.min.js
├── d3.v4.min.js
├── normalize.css
├── step-1-a-basic-pie-chart.html
├── step-2-a-basic-donut-chart.html
├── step-3-adding-a-legend.html
├── step-4-loading-external-data.html
├── step-5-adding-tooltips.html
├── step-6-animating-interactivity.html
├── step-7-a-basic-bar-chart.html
├── toronto-parking-ticket-data-2012-weekdays.ipynb
└── weekdays.csv


/.gitignore:
--------------------------------------------------------------------------------
1 | .ipynb_checkpoints
2 | Parking_Tags_Data_2012.csv
3 | 
4 | *.swp
5 | 
6 | .DS_Store
7 | 


--------------------------------------------------------------------------------
/LICENSE:
--------------------------------------------------------------------------------
 1 | MIT License
 2 | 
 3 | Copyright (c) 2014-2017 Kent English
 4 | 
 5 | Permission is hereby granted, free of charge, to any person obtaining a copy
 6 | of this software and associated documentation files (the "Software"), to deal
 7 | in the Software without restriction, including without limitation the rights
 8 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
 9 | copies of the Software, and to permit persons to whom the Software is
10 | furnished to do so, subject to the following conditions:
11 | 
12 | The above copyright notice and this permission notice shall be included in all
13 | copies or substantial portions of the Software.
14 | 
15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
17 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
18 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
19 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
20 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
21 | SOFTWARE.
22 | 


--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
 1 | ## D3.js Step by Step
 2 | 
 3 | Check out the [tutorial](http://zeroviscosity.com/category/d3-js-step-by-step).
 4 | 
 5 | #### NOTE: Examples now target D3 v4.
 6 | 
 7 | Here's what changed in this repo from v3 to v4:
 8 | 
 9 | * `d3.scale.category20b()` became `d3.scaleOrdinal(d3.schemeCategory20b)`
10 | * `d3.svg.arc()` became `d3.arc()`
11 | * `innerRadius()` needs to be explicitly defined so it is now `.innerRadius(0)` for the pie chart
12 | * `d3.layout.pie()` became `d3.pie()`
13 | 


--------------------------------------------------------------------------------
/normalize.css:
--------------------------------------------------------------------------------
  1 | /*! normalize.css v3.0.1 | MIT License | git.io/normalize */
  2 | /**
  3 |  * 1. Set default font family to sans-serif.
  4 |  * 2. Prevent iOS text size adjust after orientation change, without disabling
  5 |  *    user zoom.
  6 |  */
  7 | html {
  8 |   font-family: sans-serif;
  9 |   /* 1 */
 10 |   -ms-text-size-adjust: 100%;
 11 |   /* 2 */
 12 |   -webkit-text-size-adjust: 100%;
 13 |   /* 2 */ }
 14 | 
 15 | /**
 16 |  * Remove default margin.
 17 |  */
 18 | body {
 19 |   margin: 0; }
 20 | 
 21 | /* HTML5 display definitions
 22 |    ========================================================================== */
 23 | /**
 24 |  * Correct `block` display not defined for any HTML5 element in IE 8/9.
 25 |  * Correct `block` display not defined for `details` or `summary` in IE 10/11 and Firefox.
 26 |  * Correct `block` display not defined for `main` in IE 11.
 27 |  */
 28 | article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {
 29 |   display: block; }
 30 | 
 31 | /**
 32 |  * 1. Correct `inline-block` display not defined in IE 8/9.
 33 |  * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
 34 |  */
 35 | audio, canvas, progress, video {
 36 |   display: inline-block;
 37 |   /* 1 */
 38 |   vertical-align: baseline;
 39 |   /* 2 */ }
 40 | 
 41 | /**
 42 |  * Prevent modern browsers from displaying `audio` without controls.
 43 |  * Remove excess height in iOS 5 devices.
 44 |  */
 45 | audio:not([controls]) {
 46 |   display: none;
 47 |   height: 0; }
 48 | 
 49 | /**
 50 |  * Address `[hidden]` styling not present in IE 8/9/10.
 51 |  * Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22.
 52 |  */
 53 | [hidden], template {
 54 |   display: none; }
 55 | 
 56 | /* Links
 57 |    ========================================================================== */
 58 | /**
 59 |  * Remove the gray background color from active links in IE 10.
 60 |  */
 61 | a {
 62 |   background: transparent; }
 63 | 
 64 | /**
 65 |  * Improve readability when focused and also mouse hovered in all browsers.
 66 |  */
 67 | a:active, a:hover {
 68 |   outline: 0; }
 69 | 
 70 | /* Text-level semantics
 71 |    ========================================================================== */
 72 | /**
 73 |  * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
 74 |  */
 75 | abbr[title] {
 76 |   border-bottom: 1px dotted; }
 77 | 
 78 | /**
 79 |  * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
 80 |  */
 81 | b, strong {
 82 |   font-weight: bold; }
 83 | 
 84 | /**
 85 |  * Address styling not present in Safari and Chrome.
 86 |  */
 87 | dfn {
 88 |   font-style: italic; }
 89 | 
 90 | /**
 91 |  * Address variable `h1` font-size and margin within `section` and `article`
 92 |  * contexts in Firefox 4+, Safari, and Chrome.
 93 |  */
 94 | h1 {
 95 |   font-size: 2em;
 96 |   margin: 0.67em 0; }
 97 | 
 98 | /**
 99 |  * Address styling not present in IE 8/9.
100 |  */
101 | mark {
102 |   background: #ff0;
103 |   color: #000; }
104 | 
105 | /**
106 |  * Address inconsistent and variable font size in all browsers.
107 |  */
108 | small {
109 |   font-size: 80%; }
110 | 
111 | /**
112 |  * Prevent `sub` and `sup` affecting `line-height` in all browsers.
113 |  */
114 | sub, sup {
115 |   font-size: 75%;
116 |   line-height: 0;
117 |   position: relative;
118 |   vertical-align: baseline; }
119 | 
120 | sup {
121 |   top: -0.5em; }
122 | 
123 | sub {
124 |   bottom: -0.25em; }
125 | 
126 | /* Embedded content
127 |    ========================================================================== */
128 | /**
129 |  * Remove border when inside `a` element in IE 8/9/10.
130 |  */
131 | img {
132 |   border: 0; }
133 | 
134 | /**
135 |  * Correct overflow not hidden in IE 9/10/11.
136 |  */
137 | svg:not(:root) {
138 |   overflow: hidden; }
139 | 
140 | /* Grouping content
141 |    ========================================================================== */
142 | /**
143 |  * Address margin not present in IE 8/9 and Safari.
144 |  */
145 | figure {
146 |   margin: 1em 40px; }
147 | 
148 | /**
149 |  * Address differences between Firefox and other browsers.
150 |  */
151 | hr {
152 |   -moz-box-sizing: content-box;
153 |   box-sizing: content-box;
154 |   height: 0; }
155 | 
156 | /**
157 |  * Contain overflow in all browsers.
158 |  */
159 | pre {
160 |   overflow: auto; }
161 | 
162 | /**
163 |  * Address odd `em`-unit font size rendering in all browsers.
164 |  */
165 | code, kbd, pre, samp {
166 |   font-family: monospace, monospace;
167 |   font-size: 1em; }
168 | 
169 | /* Forms
170 |    ========================================================================== */
171 | /**
172 |  * Known limitation: by default, Chrome and Safari on OS X allow very limited
173 |  * styling of `select`, unless a `border` property is set.
174 |  */
175 | /**
176 |  * 1. Correct color not being inherited.
177 |  *    Known issue: affects color of disabled elements.
178 |  * 2. Correct font properties not being inherited.
179 |  * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
180 |  */
181 | button, input, optgroup, select, textarea {
182 |   color: inherit;
183 |   /* 1 */
184 |   font: inherit;
185 |   /* 2 */
186 |   margin: 0;
187 |   /* 3 */ }
188 | 
189 | /**
190 |  * Address `overflow` set to `hidden` in IE 8/9/10/11.
191 |  */
192 | button {
193 |   overflow: visible; }
194 | 
195 | /**
196 |  * Address inconsistent `text-transform` inheritance for `button` and `select`.
197 |  * All other form control elements do not inherit `text-transform` values.
198 |  * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
199 |  * Correct `select` style inheritance in Firefox.
200 |  */
201 | button, select {
202 |   text-transform: none; }
203 | 
204 | /**
205 |  * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
206 |  *    and `video` controls.
207 |  * 2. Correct inability to style clickable `input` types in iOS.
208 |  * 3. Improve usability and consistency of cursor style between image-type
209 |  *    `input` and others.
210 |  */
211 | button, html input[type="button"], input[type="reset"], input[type="submit"] {
212 |   -webkit-appearance: button;
213 |   /* 2 */
214 |   cursor: pointer;
215 |   /* 3 */ }
216 | 
217 | /**
218 |  * Re-set default cursor for disabled elements.
219 |  */
220 | button[disabled], html input[disabled] {
221 |   cursor: default; }
222 | 
223 | /**
224 |  * Remove inner padding and border in Firefox 4+.
225 |  */
226 | button::-moz-focus-inner, input::-moz-focus-inner {
227 |   border: 0;
228 |   padding: 0; }
229 | 
230 | /**
231 |  * Address Firefox 4+ setting `line-height` on `input` using `!important` in
232 |  * the UA stylesheet.
233 |  */
234 | input {
235 |   line-height: normal; }
236 | 
237 | /**
238 |  * It's recommended that you don't attempt to style these elements.
239 |  * Firefox's implementation doesn't respect box-sizing, padding, or width.
240 |  *
241 |  * 1. Address box sizing set to `content-box` in IE 8/9/10.
242 |  * 2. Remove excess padding in IE 8/9/10.
243 |  */
244 | input[type="checkbox"], input[type="radio"] {
245 |   box-sizing: border-box;
246 |   /* 1 */
247 |   padding: 0;
248 |   /* 2 */ }
249 | 
250 | /**
251 |  * Fix the cursor style for Chrome's increment/decrement buttons. For certain
252 |  * `font-size` values of the `input`, it causes the cursor style of the
253 |  * decrement button to change from `default` to `text`.
254 |  */
255 | input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button {
256 |   height: auto; }
257 | 
258 | /**
259 |  * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
260 |  * 2. Address `box-sizing` set to `border-box` in Safari and Chrome
261 |  *    (include `-moz` to future-proof).
262 |  */
263 | input[type="search"] {
264 |   -webkit-appearance: textfield;
265 |   /* 1 */
266 |   -moz-box-sizing: content-box;
267 |   -webkit-box-sizing: content-box;
268 |   /* 2 */
269 |   box-sizing: content-box; }
270 | 
271 | /**
272 |  * Remove inner padding and search cancel button in Safari and Chrome on OS X.
273 |  * Safari (but not Chrome) clips the cancel button when the search input has
274 |  * padding (and `textfield` appearance).
275 |  */
276 | input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
277 |   -webkit-appearance: none; }
278 | 
279 | /**
280 |  * Define consistent border, margin, and padding.
281 |  */
282 | fieldset {
283 |   border: 1px solid #c0c0c0;
284 |   margin: 0 2px;
285 |   padding: 0.35em 0.625em 0.75em; }
286 | 
287 | /**
288 |  * 1. Correct `color` not being inherited in IE 8/9/10/11.
289 |  * 2. Remove padding so people aren't caught out if they zero out fieldsets.
290 |  */
291 | legend {
292 |   border: 0;
293 |   /* 1 */
294 |   padding: 0;
295 |   /* 2 */ }
296 | 
297 | /**
298 |  * Remove default vertical scrollbar in IE 8/9/10/11.
299 |  */
300 | textarea {
301 |   overflow: auto; }
302 | 
303 | /**
304 |  * Don't inherit the `font-weight` (applied by a rule above).
305 |  * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
306 |  */
307 | optgroup {
308 |   font-weight: bold; }
309 | 
310 | /* Tables
311 |    ========================================================================== */
312 | /**
313 |  * Remove most spacing between table cells.
314 |  */
315 | table {
316 |   border-collapse: collapse;
317 |   border-spacing: 0; }
318 | 
319 | td, th {
320 |   padding: 0; }
321 | 
322 | /*# sourceMappingURL=normalize.css.map */


--------------------------------------------------------------------------------
/step-1-a-basic-pie-chart.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html>
 3 |   <head>
 4 |     <meta charset="utf-8">
 5 |     <title>Step 1 - A Basic Pie Chart</title>
 6 |     <link rel="stylesheet" href="normalize.css">
 7 |   </head>
 8 |   <body>
 9 |     <div id="chart"></div>
10 |     <script src="d3.v4.min.js"></script>
11 |     <script>
12 |       (function(d3) {
13 |         'use strict';
14 | 
15 |         var dataset = [
16 |           { label: 'Abulia', count: 10 },
17 |           { label: 'Betelgeuse', count: 20 },
18 |           { label: 'Cantaloupe', count: 30 },
19 |           { label: 'Dijkstra', count: 40 }
20 |         ];
21 | 
22 |         var width = 360;
23 |         var height = 360;
24 |         var radius = Math.min(width, height) / 2;
25 | 
26 |         var color = d3.scaleOrdinal(d3.schemeCategory20b);
27 | 
28 |         var svg = d3.select('#chart')
29 |           .append('svg')
30 |           .attr('width', width)
31 |           .attr('height', height)
32 |           .append('g')
33 |           .attr('transform', 'translate(' + (width / 2) +
34 |             ',' + (height / 2) + ')');
35 | 
36 |         var arc = d3.arc()
37 |           .innerRadius(0)
38 |           .outerRadius(radius);
39 | 
40 |         var pie = d3.pie()
41 |           .value(function(d) { return d.count; })
42 |           .sort(null);
43 | 
44 |         var path = svg.selectAll('path')
45 |           .data(pie(dataset))
46 |           .enter()
47 |           .append('path')
48 |           .attr('d', arc)
49 |           .attr('fill', function(d) {
50 |             return color(d.data.label);
51 |           });
52 | 
53 |       })(window.d3);
54 |     </script>
55 |   </body>
56 | </html>
57 | 


--------------------------------------------------------------------------------
/step-2-a-basic-donut-chart.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html>
 3 |   <head>
 4 |     <meta charset="utf-8">
 5 |     <title>Step 2 - A Basic Donut Chart</title>
 6 |     <link rel="stylesheet" href="normalize.css">
 7 |   </head>
 8 |   <body>
 9 |     <div id="chart"></div>
10 |     <script src="d3.v4.min.js"></script>
11 |     <script>
12 |       (function(d3) {
13 |         'use strict';
14 | 
15 |         var dataset = [
16 |           { label: 'Abulia', count: 10 },
17 |           { label: 'Betelgeuse', count: 20 },
18 |           { label: 'Cantaloupe', count: 30 },
19 |           { label: 'Dijkstra', count: 40 }
20 |         ];
21 | 
22 |         var width = 360;
23 |         var height = 360;
24 |         var radius = Math.min(width, height) / 2;
25 |         var donutWidth = 75;                            // NEW
26 | 
27 |         var color = d3.scaleOrdinal(d3.schemeCategory20b);
28 | 
29 |         var svg = d3.select('#chart')
30 |           .append('svg')
31 |           .attr('width', width)
32 |           .attr('height', height)
33 |           .append('g')
34 |           .attr('transform', 'translate(' + (width / 2) +
35 |             ',' + (height / 2) + ')');
36 | 
37 |         var arc = d3.arc()
38 |           .innerRadius(radius - donutWidth)             // UPDATED
39 |           .outerRadius(radius);
40 | 
41 |         var pie = d3.pie()
42 |           .value(function(d) { return d.count; })
43 |           .sort(null);
44 | 
45 |         var path = svg.selectAll('path')
46 |           .data(pie(dataset))
47 |           .enter()
48 |           .append('path')
49 |           .attr('d', arc)
50 |           .attr('fill', function(d, i) {
51 |             return color(d.data.label);
52 |           });
53 | 
54 |       })(window.d3);
55 |     </script>
56 |   </body>
57 | </html>
58 | 


--------------------------------------------------------------------------------
/step-3-adding-a-legend.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html>
 3 |   <head>
 4 |     <meta charset="utf-8">
 5 |     <title>Step 3 - Adding a Legend</title>
 6 |     <link rel="stylesheet" href="normalize.css">
 7 |     <style>
 8 |       .legend {                                                   /* NEW */
 9 |         font-size: 12px;                                          /* NEW */
10 |       }                                                           /* NEW */
11 |       rect {                                                      /* NEW */
12 |         stroke-width: 2;                                          /* NEW */
13 |       }                                                           /* NEW */
14 |     </style>
15 |   </head>
16 |   <body>
17 |     <div id="chart"></div>
18 |     <script src="d3.v4.min.js"></script>
19 |     <script>
20 |       (function(d3) {
21 |         'use strict';
22 | 
23 |         var dataset = [
24 |           { label: 'Abulia', count: 10 },
25 |           { label: 'Betelgeuse', count: 20 },
26 |           { label: 'Cantaloupe', count: 30 },
27 |           { label: 'Dijkstra', count: 40 }
28 |         ];
29 | 
30 |         var width = 360;
31 |         var height = 360;
32 |         var radius = Math.min(width, height) / 2;
33 |         var donutWidth = 75;
34 |         var legendRectSize = 18;                                  // NEW
35 |         var legendSpacing = 4;                                    // NEW
36 | 
37 |         var color = d3.scaleOrdinal(d3.schemeCategory20b);
38 | 
39 |         var svg = d3.select('#chart')
40 |           .append('svg')
41 |           .attr('width', width)
42 |           .attr('height', height)
43 |           .append('g')
44 |           .attr('transform', 'translate(' + (width / 2) +
45 |             ',' + (height / 2) + ')');
46 | 
47 |         var arc = d3.arc()
48 |           .innerRadius(radius - donutWidth)
49 |           .outerRadius(radius);
50 | 
51 |         var pie = d3.pie()
52 |           .value(function(d) { return d.count; })
53 |           .sort(null);
54 | 
55 |         var path = svg.selectAll('path')
56 |           .data(pie(dataset))
57 |           .enter()
58 |           .append('path')
59 |           .attr('d', arc)
60 |           .attr('fill', function(d, i) {
61 |             return color(d.data.label);
62 |           });
63 | 
64 |         var legend = svg.selectAll('.legend')                     // NEW
65 |           .data(color.domain())                                   // NEW
66 |           .enter()                                                // NEW
67 |           .append('g')                                            // NEW
68 |           .attr('class', 'legend')                                // NEW
69 |           .attr('transform', function(d, i) {                     // NEW
70 |             var height = legendRectSize + legendSpacing;          // NEW
71 |             var offset =  height * color.domain().length / 2;     // NEW
72 |             var horz = -2 * legendRectSize;                       // NEW
73 |             var vert = i * height - offset;                       // NEW
74 |             return 'translate(' + horz + ',' + vert + ')';        // NEW
75 |           });                                                     // NEW
76 | 
77 |         legend.append('rect')                                     // NEW
78 |           .attr('width', legendRectSize)                          // NEW
79 |           .attr('height', legendRectSize)                         // NEW
80 |           .style('fill', color)                                   // NEW
81 |           .style('stroke', color);                                // NEW
82 | 
83 |         legend.append('text')                                     // NEW
84 |           .attr('x', legendRectSize + legendSpacing)              // NEW
85 |           .attr('y', legendRectSize - legendSpacing)              // NEW
86 |           .text(function(d) { return d; });                       // NEW
87 | 
88 |       })(window.d3);
89 |     </script>
90 |   </body>
91 | </html>
92 | 


--------------------------------------------------------------------------------
/step-4-loading-external-data.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html>
 3 |   <head>
 4 |     <meta charset="utf-8">
 5 |     <title>Step 4 - Loading External Data</title>
 6 |     <link rel="stylesheet" href="normalize.css">
 7 |     <style>
 8 |       .legend {
 9 |         font-size: 12px;
10 |       }
11 |       rect {
12 |         stroke-width: 2;
13 |       }
14 |     </style>
15 |   </head>
16 |   <body>
17 |     <div id="chart"></div>
18 |     <script src="d3.v4.min.js"></script>
19 |     <script>
20 |       (function(d3) {
21 |         'use strict';
22 | 
23 |         // REMOVED var data = ...
24 | 
25 |         var width = 360;
26 |         var height = 360;
27 |         var radius = Math.min(width, height) / 2;
28 |         var donutWidth = 75;
29 |         var legendRectSize = 18;
30 |         var legendSpacing = 4;
31 | 
32 |         var color = d3.scaleOrdinal(d3.schemeCategory20b);
33 | 
34 |         var svg = d3.select('#chart')
35 |           .append('svg')
36 |           .attr('width', width)
37 |           .attr('height', height)
38 |           .append('g')
39 |           .attr('transform', 'translate(' + (width / 2) +
40 |             ',' + (height / 2) + ')');
41 | 
42 |         var arc = d3.arc()
43 |           .innerRadius(radius - donutWidth)
44 |           .outerRadius(radius);
45 | 
46 |         var pie = d3.pie()
47 |           .value(function(d) { return d.count; })
48 |           .sort(null);
49 | 
50 |         d3.csv('weekdays.csv', function(error, dataset) {           // NEW
51 |           dataset.forEach(function(d) {                             // NEW
52 |             d.count = +d.count;                                     // NEW
53 |           });                                                       // NEW
54 | 
55 |           var path = svg.selectAll('path')
56 |             .data(pie(dataset))
57 |             .enter()
58 |             .append('path')
59 |             .attr('d', arc)
60 |             .attr('fill', function(d, i) {
61 |               return color(d.data.label);
62 |             });
63 | 
64 |           var legend = svg.selectAll('.legend')
65 |             .data(color.domain())
66 |             .enter()
67 |             .append('g')
68 |             .attr('class', 'legend')
69 |             .attr('transform', function(d, i) {
70 |               var height = legendRectSize + legendSpacing;
71 |               var offset =  height * color.domain().length / 2;
72 |               var horz = -2 * legendRectSize;
73 |               var vert = i * height - offset;
74 |               return 'translate(' + horz + ',' + vert + ')';
75 |             });
76 | 
77 |           legend.append('rect')
78 |             .attr('width', legendRectSize)
79 |             .attr('height', legendRectSize)
80 |             .style('fill', color)
81 |             .style('stroke', color);
82 | 
83 |           legend.append('text')
84 |             .attr('x', legendRectSize + legendSpacing)
85 |             .attr('y', legendRectSize - legendSpacing)
86 |             .text(function(d) { return d; });
87 | 
88 |         });                                                         // NEW
89 | 
90 |       })(window.d3);
91 |     </script>
92 |   </body>
93 | </html>
94 | 


--------------------------------------------------------------------------------
/step-5-adding-tooltips.html:
--------------------------------------------------------------------------------
  1 | <!DOCTYPE html>
  2 | <html>
  3 |   <head>
  4 |     <meta charset="utf-8">
  5 |     <title>Step 5 - Adding Tooltips</title>
  6 |     <link rel="stylesheet" href="normalize.css">
  7 |     <style>
  8 |       #chart {                                                          /* NEW */
  9 |         height: 360px;                                                  /* NEW */
 10 |         position: relative;                                             /* NEW */
 11 |         width: 360px;                                                   /* NEW */
 12 |       }                                                                 /* NEW */
 13 |       .tooltip {                                                        /* NEW */
 14 |         background: #eee;                                               /* NEW */
 15 |         box-shadow: 0 0 5px #999999;                                    /* NEW */
 16 |         color: #333;                                                    /* NEW */
 17 |         display: none;                                                  /* NEW */
 18 |         font-size: 12px;                                                /* NEW */
 19 |         left: 130px;                                                    /* NEW */
 20 |         padding: 10px;                                                  /* NEW */
 21 |         position: absolute;                                             /* NEW */
 22 |         text-align: center;                                             /* NEW */
 23 |         top: 95px;                                                      /* NEW */
 24 |         width: 80px;                                                    /* NEW */
 25 |         z-index: 10;                                                    /* NEW */
 26 |       }                                                                 /* NEW */
 27 |       .legend {
 28 |         font-size: 12px;
 29 |       }
 30 |       rect {
 31 |         stroke-width: 2;
 32 |       }
 33 |     </style>
 34 |   </head>
 35 |   <body>
 36 |     <div id="chart"></div>
 37 |     <script src="d3.v4.min.js"></script>
 38 |     <script>
 39 |       (function(d3) {
 40 |         'use strict';
 41 | 
 42 |         var width = 360;
 43 |         var height = 360;
 44 |         var radius = Math.min(width, height) / 2;
 45 |         var donutWidth = 75;
 46 |         var legendRectSize = 18;
 47 |         var legendSpacing = 4;
 48 | 
 49 |         var color = d3.scaleOrdinal(d3.schemeCategory20b);
 50 | 
 51 |         var svg = d3.select('#chart')
 52 |           .append('svg')
 53 |           .attr('width', width)
 54 |           .attr('height', height)
 55 |           .append('g')
 56 |           .attr('transform', 'translate(' + (width / 2) +
 57 |             ',' + (height / 2) + ')');
 58 | 
 59 |         var arc = d3.arc()
 60 |           .innerRadius(radius - donutWidth)
 61 |           .outerRadius(radius);
 62 | 
 63 |         var pie = d3.pie()
 64 |           .value(function(d) { return d.count; })
 65 |           .sort(null);
 66 | 
 67 |         var tooltip = d3.select('#chart')                               // NEW
 68 |           .append('div')                                                // NEW
 69 |           .attr('class', 'tooltip');                                    // NEW
 70 | 
 71 |         tooltip.append('div')                                           // NEW
 72 |           .attr('class', 'label');                                      // NEW
 73 | 
 74 |         tooltip.append('div')                                           // NEW
 75 |           .attr('class', 'count');                                      // NEW
 76 | 
 77 |         tooltip.append('div')                                           // NEW
 78 |           .attr('class', 'percent');                                    // NEW
 79 | 
 80 |         d3.csv('weekdays.csv', function(error, dataset) {
 81 |           dataset.forEach(function(d) {
 82 |             d.count = +d.count;
 83 |           });
 84 | 
 85 |           var path = svg.selectAll('path')
 86 |             .data(pie(dataset))
 87 |             .enter()
 88 |             .append('path')
 89 |             .attr('d', arc)
 90 |             .attr('fill', function(d, i) {
 91 |               return color(d.data.label);
 92 |             });
 93 | 
 94 |           path.on('mouseover', function(d) {                            // NEW
 95 |             var total = d3.sum(dataset.map(function(d) {                // NEW
 96 |               return d.count;                                           // NEW
 97 |             }));                                                        // NEW
 98 |             var percent = Math.round(1000 * d.data.count / total) / 10; // NEW
 99 |             tooltip.select('.label').html(d.data.label);                // NEW
100 |             tooltip.select('.count').html(d.data.count);                // NEW
101 |             tooltip.select('.percent').html(percent + '%');             // NEW
102 |             tooltip.style('display', 'block');                          // NEW
103 |           });                                                           // NEW
104 | 
105 |           path.on('mouseout', function() {                              // NEW
106 |             tooltip.style('display', 'none');                           // NEW
107 |           });                                                           // NEW
108 | 
109 |           /* OPTIONAL
110 |           path.on('mousemove', function(d) {                            // NEW
111 |             tooltip.style('top', (d3.event.layerY + 10) + 'px')         // NEW
112 |               .style('left', (d3.event.layerX + 10) + 'px');            // NEW
113 |           });                                                           // NEW
114 |           */
115 | 
116 |           var legend = svg.selectAll('.legend')
117 |             .data(color.domain())
118 |             .enter()
119 |             .append('g')
120 |             .attr('class', 'legend')
121 |             .attr('transform', function(d, i) {
122 |               var height = legendRectSize + legendSpacing;
123 |               var offset =  height * color.domain().length / 2;
124 |               var horz = -2 * legendRectSize;
125 |               var vert = i * height - offset;
126 |               return 'translate(' + horz + ',' + vert + ')';
127 |             });
128 | 
129 |           legend.append('rect')
130 |             .attr('width', legendRectSize)
131 |             .attr('height', legendRectSize)
132 |             .style('fill', color)
133 |             .style('stroke', color);
134 | 
135 |           legend.append('text')
136 |             .attr('x', legendRectSize + legendSpacing)
137 |             .attr('y', legendRectSize - legendSpacing)
138 |             .text(function(d) { return d; });
139 | 
140 |         });
141 | 
142 |       })(window.d3);
143 |     </script>
144 |   </body>
145 | </html>
146 | 


--------------------------------------------------------------------------------
/step-6-animating-interactivity.html:
--------------------------------------------------------------------------------
  1 | <!DOCTYPE html>
  2 | <html>
  3 |   <head>
  4 |     <meta charset="utf-8">
  5 |     <title>Step 6 - Animating Interactivity</title>
  6 |     <link rel="stylesheet" href="normalize.css">
  7 |     <style>
  8 |       #chart {
  9 |         height: 360px;
 10 |         margin: 0 auto;                                               /* NEW */
 11 |         position: relative;
 12 |         width: 360px;
 13 |       }
 14 |       .tooltip {
 15 |         background: #eee;
 16 |         box-shadow: 0 0 5px #999999;
 17 |         color: #333;
 18 |         display: none;
 19 |         font-size: 12px;
 20 |         left: 130px;
 21 |         padding: 10px;
 22 |         position: absolute;
 23 |         text-align: center;
 24 |         top: 95px;
 25 |         width: 80px;
 26 |         z-index: 10;
 27 |       }
 28 |       .legend {
 29 |         font-size: 12px;
 30 |       }
 31 |       rect {
 32 |         cursor: pointer;                                              /* NEW */
 33 |         stroke-width: 2;
 34 |       }
 35 |       rect.disabled {                                                 /* NEW */
 36 |         fill: transparent !important;                                 /* NEW */
 37 |       }                                                               /* NEW */
 38 |       h1 {                                                            /* NEW */
 39 |         font-size: 14px;                                              /* NEW */
 40 |         text-align: center;                                           /* NEW */
 41 |       }                                                               /* NEW */
 42 |     </style>
 43 |   </head>
 44 |   <body>
 45 |     <h1>Toronto Parking Tickets by Weekday in 2012</h1>             <!-- NEW -->
 46 |     <div id="chart"></div>
 47 |     <script src="d3.v4.min.js"></script>
 48 |     <script>
 49 |       (function(d3) {
 50 |         'use strict';
 51 | 
 52 |         var width = 360;
 53 |         var height = 360;
 54 |         var radius = Math.min(width, height) / 2;
 55 |         var donutWidth = 75;
 56 |         var legendRectSize = 18;
 57 |         var legendSpacing = 4;
 58 | 
 59 |         var color = d3.scaleOrdinal(d3.schemeCategory20b);
 60 | 
 61 |         var svg = d3.select('#chart')
 62 |           .append('svg')
 63 |           .attr('width', width)
 64 |           .attr('height', height)
 65 |           .append('g')
 66 |           .attr('transform', 'translate(' + (width / 2) +
 67 |             ',' + (height / 2) + ')');
 68 | 
 69 |         var arc = d3.arc()
 70 |           .innerRadius(radius - donutWidth)
 71 |           .outerRadius(radius);
 72 | 
 73 |         var pie = d3.pie()
 74 |           .value(function(d) { return d.count; })
 75 |           .sort(null);
 76 | 
 77 |         var tooltip = d3.select('#chart')
 78 |           .append('div')
 79 |           .attr('class', 'tooltip');
 80 | 
 81 |         tooltip.append('div')
 82 |           .attr('class', 'label');
 83 | 
 84 |         tooltip.append('div')
 85 |           .attr('class', 'count');
 86 | 
 87 |         tooltip.append('div')
 88 |           .attr('class', 'percent');
 89 | 
 90 |         d3.csv('weekdays.csv', function(error, dataset) {
 91 |           dataset.forEach(function(d) {
 92 |             d.count = +d.count;
 93 |             d.enabled = true;                                         // NEW
 94 |           });
 95 | 
 96 |           var path = svg.selectAll('path')
 97 |             .data(pie(dataset))
 98 |             .enter()
 99 |             .append('path')
100 |             .attr('d', arc)
101 |             .attr('fill', function(d, i) {
102 |               return color(d.data.label);
103 |             })                                                        // UPDATED (removed semicolon)
104 |             .each(function(d) { this._current = d; });                // NEW
105 | 
106 |           path.on('mouseover', function(d) {
107 |             var total = d3.sum(dataset.map(function(d) {
108 |               return (d.enabled) ? d.count : 0;                       // UPDATED
109 |             }));
110 |             var percent = Math.round(1000 * d.data.count / total) / 10;
111 |             tooltip.select('.label').html(d.data.label);
112 |             tooltip.select('.count').html(d.data.count);
113 |             tooltip.select('.percent').html(percent + '%');
114 |             tooltip.style('display', 'block');
115 |           });
116 | 
117 |           path.on('mouseout', function() {
118 |             tooltip.style('display', 'none');
119 |           });
120 | 
121 |           /* OPTIONAL
122 |           path.on('mousemove', function(d) {
123 |             tooltip.style('top', (d3.event.layerY + 10) + 'px')
124 |               .style('left', (d3.event.layerX + 10) + 'px');
125 |           });
126 |           */
127 | 
128 |           var legend = svg.selectAll('.legend')
129 |             .data(color.domain())
130 |             .enter()
131 |             .append('g')
132 |             .attr('class', 'legend')
133 |             .attr('transform', function(d, i) {
134 |               var height = legendRectSize + legendSpacing;
135 |               var offset =  height * color.domain().length / 2;
136 |               var horz = -2 * legendRectSize;
137 |               var vert = i * height - offset;
138 |               return 'translate(' + horz + ',' + vert + ')';
139 |             });
140 | 
141 |           legend.append('rect')
142 |             .attr('width', legendRectSize)
143 |             .attr('height', legendRectSize)
144 |             .style('fill', color)
145 |             .style('stroke', color)                                   // UPDATED (removed semicolon)
146 |             .on('click', function(label) {                            // NEW
147 |               var rect = d3.select(this);                             // NEW
148 |               var enabled = true;                                     // NEW
149 |               var totalEnabled = d3.sum(dataset.map(function(d) {     // NEW
150 |                 return (d.enabled) ? 1 : 0;                           // NEW
151 |               }));                                                    // NEW
152 | 
153 |               if (rect.attr('class') === 'disabled') {                // NEW
154 |                 rect.attr('class', '');                               // NEW
155 |               } else {                                                // NEW
156 |                 if (totalEnabled < 2) return;                         // NEW
157 |                 rect.attr('class', 'disabled');                       // NEW
158 |                 enabled = false;                                      // NEW
159 |               }                                                       // NEW
160 | 
161 |               pie.value(function(d) {                                 // NEW
162 |                 if (d.label === label) d.enabled = enabled;           // NEW
163 |                 return (d.enabled) ? d.count : 0;                     // NEW
164 |               });                                                     // NEW
165 | 
166 |               path = path.data(pie(dataset));                         // NEW
167 | 
168 |               path.transition()                                       // NEW
169 |                 .duration(750)                                        // NEW
170 |                 .attrTween('d', function(d) {                         // NEW
171 |                   var interpolate = d3.interpolate(this._current, d); // NEW
172 |                   this._current = interpolate(0);                     // NEW
173 |                   return function(t) {                                // NEW
174 |                     return arc(interpolate(t));                       // NEW
175 |                   };                                                  // NEW
176 |                 });                                                   // NEW
177 |             });                                                       // NEW
178 | 
179 |           legend.append('text')
180 |             .attr('x', legendRectSize + legendSpacing)
181 |             .attr('y', legendRectSize - legendSpacing)
182 |             .text(function(d) { return d; });
183 | 
184 |         });
185 | 
186 |       })(window.d3);
187 |     </script>
188 |   </body>
189 | </html>
190 | 


--------------------------------------------------------------------------------
/step-7-a-basic-bar-chart.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html>
 3 |   <head>
 4 |     <meta charset="utf-8">
 5 |     <title>Step 7 - A Basic Bar Chart</title>
 6 |     <link rel="stylesheet" href="normalize.css">
 7 |     <style>
 8 |       #chart {
 9 |         height: 360px;
10 |         margin: 0 auto;                                               /* NEW */
11 |         position: relative;
12 |         width: 360px;
13 |       }
14 |       rect {
15 |         fill: steelblue;                                              /* NEW */
16 |       }
17 |       h1 {                                                            /* NEW */
18 |         font-size: 14px;                                              /* NEW */
19 |         text-align: center;                                           /* NEW */
20 |       }                                                               /* NEW */
21 |     </style>
22 |   </head>
23 |   <body>
24 |     <h1>Toronto Parking Tickets by Weekday in 2012</h1>             <!-- NEW -->
25 |     <div id="chart"></div>
26 |     <script src="d3.v4.min.js"></script>
27 |     <script>
28 |       (function(d3) {
29 |         'use strict';
30 | 
31 |         var width = 360;
32 |         var height = 360;
33 | 
34 |         var svg = d3.select('#chart')
35 |           .append('svg')
36 |           .attr('width', width)
37 |           .attr('height', height)
38 |           .append('g');
39 | 
40 |         var x = d3.scaleBand()
41 |           .range([0, width])
42 |           .paddingInner(0.1)
43 |           .round(true);
44 | 
45 |         var y = d3.scaleLinear()
46 |           .range([height, 0]);
47 | 
48 |         d3.csv('weekdays.csv', function(error, dataset) {
49 |           dataset.forEach(function(d) {
50 |             d.count = +d.count;
51 |           });
52 | 
53 |           x.domain(dataset.map(function(d) {
54 |             return d.label;
55 |           }));
56 | 
57 |           y.domain([0, d3.max(dataset, function(d) {
58 |             return d.count;
59 |           })]);
60 | 
61 |           svg.selectAll('rect')
62 |             .data(dataset)
63 |             .enter()
64 |             .append('rect')
65 |             .attr('x', function(d) { return x(d.label); })
66 |             .attr('y', function(d) { return y(d.count); })
67 |             .attr('width', x.bandwidth())
68 |             .attr('height', function(d) { return height - y(d.count); });
69 |         });
70 |       })(window.d3);
71 |     </script>
72 |   </body>
73 | </html>
74 | 


--------------------------------------------------------------------------------
/toronto-parking-ticket-data-2012-weekdays.ipynb:
--------------------------------------------------------------------------------
   1 | {
   2 |  "metadata": {
   3 |   "name": "",
   4 |   "signature": "sha256:b81d551f6fc983fba194fb50b817038ec38c1ea0fa560d95354cfd8842366406"
   5 |  },
   6 |  "nbformat": 3,
   7 |  "nbformat_minor": 0,
   8 |  "worksheets": [
   9 |   {
  10 |    "cells": [
  11 |     {
  12 |      "cell_type": "code",
  13 |      "collapsed": false,
  14 |      "input": [
  15 |       "import pandas as pd\n",
  16 |       "import datetime as dt\n",
  17 |       "\n",
  18 |       "df = pd.read_csv('Parking_Tags_Data_2012.csv')\n",
  19 |       "df"
  20 |      ],
  21 |      "language": "python",
  22 |      "metadata": {},
  23 |      "outputs": [
  24 |       {
  25 |        "html": [
  26 |         "<div style=\"max-height:1000px;max-width:1500px;overflow:auto;\">\n",
  27 |         "<table border=\"1\" class=\"dataframe\">\n",
  28 |         "  <thead>\n",
  29 |         "    <tr style=\"text-align: right;\">\n",
  30 |         "      <th></th>\n",
  31 |         "      <th>tag_number_masked</th>\n",
  32 |         "      <th>date_of_infraction</th>\n",
  33 |         "      <th>infraction_code</th>\n",
  34 |         "      <th>infraction_description</th>\n",
  35 |         "      <th>set_fine_amount</th>\n",
  36 |         "      <th>time_of_infraction</th>\n",
  37 |         "      <th>location1</th>\n",
  38 |         "      <th>location2</th>\n",
  39 |         "      <th>location3</th>\n",
  40 |         "      <th>location4</th>\n",
  41 |         "      <th>province</th>\n",
  42 |         "    </tr>\n",
  43 |         "  </thead>\n",
  44 |         "  <tbody>\n",
  45 |         "    <tr>\n",
  46 |         "      <th>0 </th>\n",
  47 |         "      <td> ***78746</td>\n",
  48 |         "      <td> 20120101</td>\n",
  49 |         "      <td> 192</td>\n",
  50 |         "      <td>      STAND SIGNED TRANSIT STOP</td>\n",
  51 |         "      <td>  60</td>\n",
  52 |         "      <td>   0</td>\n",
  53 |         "      <td>  NR</td>\n",
  54 |         "      <td>        355 PARKSIDE DR</td>\n",
  55 |         "      <td> NaN</td>\n",
  56 |         "      <td>            NaN</td>\n",
  57 |         "      <td> ON</td>\n",
  58 |         "    </tr>\n",
  59 |         "    <tr>\n",
  60 |         "      <th>1 </th>\n",
  61 |         "      <td> ***31670</td>\n",
  62 |         "      <td> 20120101</td>\n",
  63 |         "      <td>   5</td>\n",
  64 |         "      <td>     PARK HWY PROHIBED TIME/DAY</td>\n",
  65 |         "      <td>  40</td>\n",
  66 |         "      <td>   1</td>\n",
  67 |         "      <td>  NR</td>\n",
  68 |         "      <td>          220 KING ST W</td>\n",
  69 |         "      <td> NaN</td>\n",
  70 |         "      <td>            NaN</td>\n",
  71 |         "      <td> ON</td>\n",
  72 |         "    </tr>\n",
  73 |         "    <tr>\n",
  74 |         "      <th>2 </th>\n",
  75 |         "      <td> ***47870</td>\n",
  76 |         "      <td> 20120101</td>\n",
  77 |         "      <td>   5</td>\n",
  78 |         "      <td>     PARK HWY PROHIBED TIME/DAY</td>\n",
  79 |         "      <td>  40</td>\n",
  80 |         "      <td>   1</td>\n",
  81 |         "      <td> N/S</td>\n",
  82 |         "      <td>                 ELM ST</td>\n",
  83 |         "      <td> W/O</td>\n",
  84 |         "      <td>   ELIZABETH ST</td>\n",
  85 |         "      <td> ON</td>\n",
  86 |         "    </tr>\n",
  87 |         "    <tr>\n",
  88 |         "      <th>3 </th>\n",
  89 |         "      <td> ***68489</td>\n",
  90 |         "      <td> 20120101</td>\n",
  91 |         "      <td>   8</td>\n",
  92 |         "      <td>    STD VEH HWY PROHIB TIME/DAY</td>\n",
  93 |         "      <td>  60</td>\n",
  94 |         "      <td>   1</td>\n",
  95 |         "      <td> N/S</td>\n",
  96 |         "      <td>              WALTON ST</td>\n",
  97 |         "      <td> E/O</td>\n",
  98 |         "      <td>         BAY ST</td>\n",
  99 |         "      <td> ON</td>\n",
 100 |         "    </tr>\n",
 101 |         "    <tr>\n",
 102 |         "      <th>4 </th>\n",
 103 |         "      <td> ***98802</td>\n",
 104 |         "      <td> 20120101</td>\n",
 105 |         "      <td> 337</td>\n",
 106 |         "      <td>            PARK - ON BOULEVARD</td>\n",
 107 |         "      <td>  50</td>\n",
 108 |         "      <td>   1</td>\n",
 109 |         "      <td> S/S</td>\n",
 110 |         "      <td>         SHEPPARD AVE E</td>\n",
 111 |         "      <td> E/O</td>\n",
 112 |         "      <td>    NEILSON AVE</td>\n",
 113 |         "      <td> ON</td>\n",
 114 |         "    </tr>\n",
 115 |         "    <tr>\n",
 116 |         "      <th>5 </th>\n",
 117 |         "      <td> ***85083</td>\n",
 118 |         "      <td> 20120101</td>\n",
 119 |         "      <td>   8</td>\n",
 120 |         "      <td>    STD VEH HWY PROHIB TIME/DAY</td>\n",
 121 |         "      <td>  60</td>\n",
 122 |         "      <td>   2</td>\n",
 123 |         "      <td> N/S</td>\n",
 124 |         "      <td>              WALTON ST</td>\n",
 125 |         "      <td> E/O</td>\n",
 126 |         "      <td>         BAY ST</td>\n",
 127 |         "      <td> ON</td>\n",
 128 |         "    </tr>\n",
 129 |         "    <tr>\n",
 130 |         "      <th>6 </th>\n",
 131 |         "      <td> ***98803</td>\n",
 132 |         "      <td> 20120101</td>\n",
 133 |         "      <td> 337</td>\n",
 134 |         "      <td>            PARK - ON BOULEVARD</td>\n",
 135 |         "      <td>  50</td>\n",
 136 |         "      <td>   2</td>\n",
 137 |         "      <td> S/S</td>\n",
 138 |         "      <td>         SHEPPARD AVE E</td>\n",
 139 |         "      <td> E/O</td>\n",
 140 |         "      <td>    NEILSON AVE</td>\n",
 141 |         "      <td> ON</td>\n",
 142 |         "    </tr>\n",
 143 |         "    <tr>\n",
 144 |         "      <th>7 </th>\n",
 145 |         "      <td> ***08841</td>\n",
 146 |         "      <td> 20120101</td>\n",
 147 |         "      <td>  15</td>\n",
 148 |         "      <td>     PARK - 3 M OF FIRE HYDRANT</td>\n",
 149 |         "      <td> 100</td>\n",
 150 |         "      <td>   2</td>\n",
 151 |         "      <td>  NR</td>\n",
 152 |         "      <td> 35 THORNCLIFFE PARK DR</td>\n",
 153 |         "      <td> NaN</td>\n",
 154 |         "      <td>            NaN</td>\n",
 155 |         "      <td> NJ</td>\n",
 156 |         "    </tr>\n",
 157 |         "    <tr>\n",
 158 |         "      <th>8 </th>\n",
 159 |         "      <td> ***47871</td>\n",
 160 |         "      <td> 20120101</td>\n",
 161 |         "      <td>   5</td>\n",
 162 |         "      <td>     PARK HWY PROHIBED TIME/DAY</td>\n",
 163 |         "      <td>  40</td>\n",
 164 |         "      <td>   3</td>\n",
 165 |         "      <td> N/S</td>\n",
 166 |         "      <td>                 ELM ST</td>\n",
 167 |         "      <td> E/O</td>\n",
 168 |         "      <td> UNIVERSITY AVE</td>\n",
 169 |         "      <td> ON</td>\n",
 170 |         "    </tr>\n",
 171 |         "    <tr>\n",
 172 |         "      <th>9 </th>\n",
 173 |         "      <td> ***98804</td>\n",
 174 |         "      <td> 20120101</td>\n",
 175 |         "      <td> 337</td>\n",
 176 |         "      <td>            PARK - ON BOULEVARD</td>\n",
 177 |         "      <td>  50</td>\n",
 178 |         "      <td>   3</td>\n",
 179 |         "      <td> S/S</td>\n",
 180 |         "      <td>         SHEPPARD AVE E</td>\n",
 181 |         "      <td> E/O</td>\n",
 182 |         "      <td>    NEILSON AVE</td>\n",
 183 |         "      <td> ON</td>\n",
 184 |         "    </tr>\n",
 185 |         "    <tr>\n",
 186 |         "      <th>10</th>\n",
 187 |         "      <td> ***98805</td>\n",
 188 |         "      <td> 20120101</td>\n",
 189 |         "      <td> 337</td>\n",
 190 |         "      <td>            PARK - ON BOULEVARD</td>\n",
 191 |         "      <td>  50</td>\n",
 192 |         "      <td>   3</td>\n",
 193 |         "      <td> S/S</td>\n",
 194 |         "      <td>         SHEPPARD AVE E</td>\n",
 195 |         "      <td> E/O</td>\n",
 196 |         "      <td>    NEILSON AVE</td>\n",
 197 |         "      <td> ON</td>\n",
 198 |         "    </tr>\n",
 199 |         "    <tr>\n",
 200 |         "      <th>11</th>\n",
 201 |         "      <td> ***99287</td>\n",
 202 |         "      <td> 20120101</td>\n",
 203 |         "      <td>   5</td>\n",
 204 |         "      <td>     PARK HWY PROHIBED TIME/DAY</td>\n",
 205 |         "      <td>  40</td>\n",
 206 |         "      <td>   3</td>\n",
 207 |         "      <td>  NR</td>\n",
 208 |         "      <td>         968 QUEEN ST W</td>\n",
 209 |         "      <td> NaN</td>\n",
 210 |         "      <td>            NaN</td>\n",
 211 |         "      <td> ON</td>\n",
 212 |         "    </tr>\n",
 213 |         "    <tr>\n",
 214 |         "      <th>12</th>\n",
 215 |         "      <td> ***47872</td>\n",
 216 |         "      <td> 20120101</td>\n",
 217 |         "      <td>   5</td>\n",
 218 |         "      <td>     PARK HWY PROHIBED TIME/DAY</td>\n",
 219 |         "      <td>  40</td>\n",
 220 |         "      <td>   4</td>\n",
 221 |         "      <td> N/S</td>\n",
 222 |         "      <td>                 ELM ST</td>\n",
 223 |         "      <td> E/O</td>\n",
 224 |         "      <td> UNIVERSITY AVE</td>\n",
 225 |         "      <td> ON</td>\n",
 226 |         "    </tr>\n",
 227 |         "    <tr>\n",
 228 |         "      <th>13</th>\n",
 229 |         "      <td> ***98806</td>\n",
 230 |         "      <td> 20120101</td>\n",
 231 |         "      <td> 337</td>\n",
 232 |         "      <td>            PARK - ON BOULEVARD</td>\n",
 233 |         "      <td>  50</td>\n",
 234 |         "      <td>   4</td>\n",
 235 |         "      <td> S/S</td>\n",
 236 |         "      <td>         SHEPPARD AVE E</td>\n",
 237 |         "      <td> E/O</td>\n",
 238 |         "      <td>    NEILSON AVE</td>\n",
 239 |         "      <td> ON</td>\n",
 240 |         "    </tr>\n",
 241 |         "    <tr>\n",
 242 |         "      <th>14</th>\n",
 243 |         "      <td> ***13375</td>\n",
 244 |         "      <td> 20120101</td>\n",
 245 |         "      <td> 192</td>\n",
 246 |         "      <td>      STAND SIGNED TRANSIT STOP</td>\n",
 247 |         "      <td>  60</td>\n",
 248 |         "      <td>   4</td>\n",
 249 |         "      <td>  NR</td>\n",
 250 |         "      <td>        193 PARKSIDE DR</td>\n",
 251 |         "      <td> NaN</td>\n",
 252 |         "      <td>            NaN</td>\n",
 253 |         "      <td> UT</td>\n",
 254 |         "    </tr>\n",
 255 |         "    <tr>\n",
 256 |         "      <th>15</th>\n",
 257 |         "      <td> ***13376</td>\n",
 258 |         "      <td> 20120101</td>\n",
 259 |         "      <td> 192</td>\n",
 260 |         "      <td>      STAND SIGNED TRANSIT STOP</td>\n",
 261 |         "      <td>  60</td>\n",
 262 |         "      <td>   5</td>\n",
 263 |         "      <td>  NR</td>\n",
 264 |         "      <td>        193 PARKSIDE DR</td>\n",
 265 |         "      <td> NaN</td>\n",
 266 |         "      <td>            NaN</td>\n",
 267 |         "      <td> ON</td>\n",
 268 |         "    </tr>\n",
 269 |         "    <tr>\n",
 270 |         "      <th>16</th>\n",
 271 |         "      <td> ***13377</td>\n",
 272 |         "      <td> 20120101</td>\n",
 273 |         "      <td> 192</td>\n",
 274 |         "      <td>      STAND SIGNED TRANSIT STOP</td>\n",
 275 |         "      <td>  60</td>\n",
 276 |         "      <td>   5</td>\n",
 277 |         "      <td>  NR</td>\n",
 278 |         "      <td>        193 PARKSIDE DR</td>\n",
 279 |         "      <td> NaN</td>\n",
 280 |         "      <td>            NaN</td>\n",
 281 |         "      <td> ON</td>\n",
 282 |         "    </tr>\n",
 283 |         "    <tr>\n",
 284 |         "      <th>17</th>\n",
 285 |         "      <td> ***98807</td>\n",
 286 |         "      <td> 20120101</td>\n",
 287 |         "      <td> 337</td>\n",
 288 |         "      <td>            PARK - ON BOULEVARD</td>\n",
 289 |         "      <td>  50</td>\n",
 290 |         "      <td>   6</td>\n",
 291 |         "      <td> S/S</td>\n",
 292 |         "      <td>         SHEPPARD AVE E</td>\n",
 293 |         "      <td> E/O</td>\n",
 294 |         "      <td>    NEILSON AVE</td>\n",
 295 |         "      <td> ON</td>\n",
 296 |         "    </tr>\n",
 297 |         "    <tr>\n",
 298 |         "      <th>18</th>\n",
 299 |         "      <td> ***68490</td>\n",
 300 |         "      <td> 20120101</td>\n",
 301 |         "      <td> 384</td>\n",
 302 |         "      <td> STOP VEH OTR THN BCYCL-BYCL LN</td>\n",
 303 |         "      <td>  60</td>\n",
 304 |         "      <td>   7</td>\n",
 305 |         "      <td> OPP</td>\n",
 306 |         "      <td>        86 GERRARD ST E</td>\n",
 307 |         "      <td> NaN</td>\n",
 308 |         "      <td>            NaN</td>\n",
 309 |         "      <td> ON</td>\n",
 310 |         "    </tr>\n",
 311 |         "    <tr>\n",
 312 |         "      <th>19</th>\n",
 313 |         "      <td> ***85084</td>\n",
 314 |         "      <td> 20120101</td>\n",
 315 |         "      <td> 384</td>\n",
 316 |         "      <td> STOP VEH OTR THN BCYCL-BYCL LN</td>\n",
 317 |         "      <td>  60</td>\n",
 318 |         "      <td>   8</td>\n",
 319 |         "      <td> OPP</td>\n",
 320 |         "      <td>        86 GERRARD ST E</td>\n",
 321 |         "      <td> NaN</td>\n",
 322 |         "      <td>            NaN</td>\n",
 323 |         "      <td> ON</td>\n",
 324 |         "    </tr>\n",
 325 |         "    <tr>\n",
 326 |         "      <th>20</th>\n",
 327 |         "      <td> ***98808</td>\n",
 328 |         "      <td> 20120101</td>\n",
 329 |         "      <td> 337</td>\n",
 330 |         "      <td>            PARK - ON BOULEVARD</td>\n",
 331 |         "      <td>  50</td>\n",
 332 |         "      <td>   8</td>\n",
 333 |         "      <td> S/S</td>\n",
 334 |         "      <td>         SHEPPARD AVE E</td>\n",
 335 |         "      <td> E/O</td>\n",
 336 |         "      <td>    NEILSON AVE</td>\n",
 337 |         "      <td> ON</td>\n",
 338 |         "    </tr>\n",
 339 |         "    <tr>\n",
 340 |         "      <th>21</th>\n",
 341 |         "      <td> ***68491</td>\n",
 342 |         "      <td> 20120101</td>\n",
 343 |         "      <td> 384</td>\n",
 344 |         "      <td> STOP VEH OTR THN BCYCL-BYCL LN</td>\n",
 345 |         "      <td>  60</td>\n",
 346 |         "      <td>   9</td>\n",
 347 |         "      <td>  NR</td>\n",
 348 |         "      <td>       101 GERRARD ST E</td>\n",
 349 |         "      <td> NaN</td>\n",
 350 |         "      <td>            NaN</td>\n",
 351 |         "      <td> GA</td>\n",
 352 |         "    </tr>\n",
 353 |         "    <tr>\n",
 354 |         "      <th>22</th>\n",
 355 |         "      <td> ***86155</td>\n",
 356 |         "      <td> 20120101</td>\n",
 357 |         "      <td>   3</td>\n",
 358 |         "      <td> PARK/LEAVE ON PRIVATE PROPERTY</td>\n",
 359 |         "      <td>  30</td>\n",
 360 |         "      <td>   9</td>\n",
 361 |         "      <td>  AT</td>\n",
 362 |         "      <td>         361 FRONT ST W</td>\n",
 363 |         "      <td> NaN</td>\n",
 364 |         "      <td>            NaN</td>\n",
 365 |         "      <td> ON</td>\n",
 366 |         "    </tr>\n",
 367 |         "    <tr>\n",
 368 |         "      <th>23</th>\n",
 369 |         "      <td> ***98809</td>\n",
 370 |         "      <td> 20120101</td>\n",
 371 |         "      <td> 337</td>\n",
 372 |         "      <td>            PARK - ON BOULEVARD</td>\n",
 373 |         "      <td>  50</td>\n",
 374 |         "      <td>   9</td>\n",
 375 |         "      <td> S/S</td>\n",
 376 |         "      <td>         SHEPPARD AVE E</td>\n",
 377 |         "      <td> E/O</td>\n",
 378 |         "      <td>    NEILSON AVE</td>\n",
 379 |         "      <td> ON</td>\n",
 380 |         "    </tr>\n",
 381 |         "    <tr>\n",
 382 |         "      <th>24</th>\n",
 383 |         "      <td> ***99288</td>\n",
 384 |         "      <td> 20120101</td>\n",
 385 |         "      <td>   5</td>\n",
 386 |         "      <td>     PARK HWY PROHIBED TIME/DAY</td>\n",
 387 |         "      <td>  40</td>\n",
 388 |         "      <td>   9</td>\n",
 389 |         "      <td>  NR</td>\n",
 390 |         "      <td>         942 QUEEN ST W</td>\n",
 391 |         "      <td> NaN</td>\n",
 392 |         "      <td>            NaN</td>\n",
 393 |         "      <td> ON</td>\n",
 394 |         "    </tr>\n",
 395 |         "    <tr>\n",
 396 |         "      <th>25</th>\n",
 397 |         "      <td> ***47873</td>\n",
 398 |         "      <td> 20120101</td>\n",
 399 |         "      <td>   9</td>\n",
 400 |         "      <td>   STOP HWY PROHIBITED TIME/DAY</td>\n",
 401 |         "      <td>  60</td>\n",
 402 |         "      <td>  10</td>\n",
 403 |         "      <td> W/S</td>\n",
 404 |         "      <td>           ELIZABETH ST</td>\n",
 405 |         "      <td> N/O</td>\n",
 406 |         "      <td>      EDWARD ST</td>\n",
 407 |         "      <td> ON</td>\n",
 408 |         "    </tr>\n",
 409 |         "    <tr>\n",
 410 |         "      <th>26</th>\n",
 411 |         "      <td> ***47874</td>\n",
 412 |         "      <td> 20120101</td>\n",
 413 |         "      <td>   5</td>\n",
 414 |         "      <td>     PARK HWY PROHIBED TIME/DAY</td>\n",
 415 |         "      <td>  40</td>\n",
 416 |         "      <td>  12</td>\n",
 417 |         "      <td>  NR</td>\n",
 418 |         "      <td>       150 ELIZABETH ST</td>\n",
 419 |         "      <td> NaN</td>\n",
 420 |         "      <td>            NaN</td>\n",
 421 |         "      <td> ON</td>\n",
 422 |         "    </tr>\n",
 423 |         "    <tr>\n",
 424 |         "      <th>27</th>\n",
 425 |         "      <td> ***68492</td>\n",
 426 |         "      <td> 20120101</td>\n",
 427 |         "      <td> 192</td>\n",
 428 |         "      <td>      STAND SIGNED TRANSIT STOP</td>\n",
 429 |         "      <td>  60</td>\n",
 430 |         "      <td>  14</td>\n",
 431 |         "      <td> W/S</td>\n",
 432 |         "      <td>          PARLIAMENT ST</td>\n",
 433 |         "      <td> S/O</td>\n",
 434 |         "      <td>    VERNER LANE</td>\n",
 435 |         "      <td> ON</td>\n",
 436 |         "    </tr>\n",
 437 |         "    <tr>\n",
 438 |         "      <th>28</th>\n",
 439 |         "      <td> ***99289</td>\n",
 440 |         "      <td> 20120101</td>\n",
 441 |         "      <td>   5</td>\n",
 442 |         "      <td>     PARK HWY PROHIBED TIME/DAY</td>\n",
 443 |         "      <td>  40</td>\n",
 444 |         "      <td>  14</td>\n",
 445 |         "      <td>  NR</td>\n",
 446 |         "      <td>         723 QUEEN ST W</td>\n",
 447 |         "      <td> NaN</td>\n",
 448 |         "      <td>            NaN</td>\n",
 449 |         "      <td> ON</td>\n",
 450 |         "    </tr>\n",
 451 |         "    <tr>\n",
 452 |         "      <th>29</th>\n",
 453 |         "      <td> ***47875</td>\n",
 454 |         "      <td> 20120101</td>\n",
 455 |         "      <td>   5</td>\n",
 456 |         "      <td>     PARK HWY PROHIBED TIME/DAY</td>\n",
 457 |         "      <td>  40</td>\n",
 458 |         "      <td>  16</td>\n",
 459 |         "      <td> OPP</td>\n",
 460 |         "      <td>              77 ELM ST</td>\n",
 461 |         "      <td> NaN</td>\n",
 462 |         "      <td>            NaN</td>\n",
 463 |         "      <td> ON</td>\n",
 464 |         "    </tr>\n",
 465 |         "    <tr>\n",
 466 |         "      <th>30</th>\n",
 467 |         "      <td> ***47876</td>\n",
 468 |         "      <td> 20120101</td>\n",
 469 |         "      <td>   5</td>\n",
 470 |         "      <td>     PARK HWY PROHIBED TIME/DAY</td>\n",
 471 |         "      <td>  40</td>\n",
 472 |         "      <td>  17</td>\n",
 473 |         "      <td> OPP</td>\n",
 474 |         "      <td>              77 ELM ST</td>\n",
 475 |         "      <td> NaN</td>\n",
 476 |         "      <td>            NaN</td>\n",
 477 |         "      <td> ON</td>\n",
 478 |         "    </tr>\n",
 479 |         "    <tr>\n",
 480 |         "      <th>31</th>\n",
 481 |         "      <td> ***86156</td>\n",
 482 |         "      <td> 20120101</td>\n",
 483 |         "      <td>  15</td>\n",
 484 |         "      <td>        PARK 3M OF FIRE HYDRANT</td>\n",
 485 |         "      <td> 100</td>\n",
 486 |         "      <td>  20</td>\n",
 487 |         "      <td>  AT</td>\n",
 488 |         "      <td>         361 FRONT ST W</td>\n",
 489 |         "      <td> NaN</td>\n",
 490 |         "      <td>            NaN</td>\n",
 491 |         "      <td> ON</td>\n",
 492 |         "    </tr>\n",
 493 |         "    <tr>\n",
 494 |         "      <th>32</th>\n",
 495 |         "      <td> ***99290</td>\n",
 496 |         "      <td> 20120101</td>\n",
 497 |         "      <td>   5</td>\n",
 498 |         "      <td>     PARK HWY PROHIBED TIME/DAY</td>\n",
 499 |         "      <td>  40</td>\n",
 500 |         "      <td>  22</td>\n",
 501 |         "      <td>  NR</td>\n",
 502 |         "      <td>          801 KING ST W</td>\n",
 503 |         "      <td> NaN</td>\n",
 504 |         "      <td>            NaN</td>\n",
 505 |         "      <td> ON</td>\n",
 506 |         "    </tr>\n",
 507 |         "    <tr>\n",
 508 |         "      <th>33</th>\n",
 509 |         "      <td> ***08842</td>\n",
 510 |         "      <td> 20120101</td>\n",
 511 |         "      <td>   3</td>\n",
 512 |         "      <td> PARK/LEAVE ON PRIVATE PROPERTY</td>\n",
 513 |         "      <td>  30</td>\n",
 514 |         "      <td>  22</td>\n",
 515 |         "      <td>  AT</td>\n",
 516 |         "      <td>        177 REDPATH AVE</td>\n",
 517 |         "      <td> NaN</td>\n",
 518 |         "      <td>            NaN</td>\n",
 519 |         "      <td> ON</td>\n",
 520 |         "    </tr>\n",
 521 |         "    <tr>\n",
 522 |         "      <th>34</th>\n",
 523 |         "      <td> ***08843</td>\n",
 524 |         "      <td> 20120101</td>\n",
 525 |         "      <td>   3</td>\n",
 526 |         "      <td> PARK/LEAVE ON PRIVATE PROPERTY</td>\n",
 527 |         "      <td>  30</td>\n",
 528 |         "      <td>  23</td>\n",
 529 |         "      <td>  AT</td>\n",
 530 |         "      <td>        177 REDPATH AVE</td>\n",
 531 |         "      <td> NaN</td>\n",
 532 |         "      <td>            NaN</td>\n",
 533 |         "      <td> ON</td>\n",
 534 |         "    </tr>\n",
 535 |         "    <tr>\n",
 536 |         "      <th>35</th>\n",
 537 |         "      <td> ***47877</td>\n",
 538 |         "      <td> 20120101</td>\n",
 539 |         "      <td>  15</td>\n",
 540 |         "      <td>        PARK 3M OF FIRE HYDRANT</td>\n",
 541 |         "      <td> 100</td>\n",
 542 |         "      <td>  25</td>\n",
 543 |         "      <td>  NR</td>\n",
 544 |         "      <td>              13 ELM ST</td>\n",
 545 |         "      <td> NaN</td>\n",
 546 |         "      <td>            NaN</td>\n",
 547 |         "      <td> ON</td>\n",
 548 |         "    </tr>\n",
 549 |         "    <tr>\n",
 550 |         "      <th>36</th>\n",
 551 |         "      <td> ***99291</td>\n",
 552 |         "      <td> 20120101</td>\n",
 553 |         "      <td>   5</td>\n",
 554 |         "      <td>     PARK HWY PROHIBED TIME/DAY</td>\n",
 555 |         "      <td>  40</td>\n",
 556 |         "      <td>  26</td>\n",
 557 |         "      <td>  NR</td>\n",
 558 |         "      <td>          901 KING ST W</td>\n",
 559 |         "      <td> NaN</td>\n",
 560 |         "      <td>            NaN</td>\n",
 561 |         "      <td> ON</td>\n",
 562 |         "    </tr>\n",
 563 |         "    <tr>\n",
 564 |         "      <th>37</th>\n",
 565 |         "      <td> ***08844</td>\n",
 566 |         "      <td> 20120101</td>\n",
 567 |         "      <td>   3</td>\n",
 568 |         "      <td> PARK/LEAVE ON PRIVATE PROPERTY</td>\n",
 569 |         "      <td>  30</td>\n",
 570 |         "      <td>  26</td>\n",
 571 |         "      <td>  AT</td>\n",
 572 |         "      <td>     200 ROEHAMPTON AVE</td>\n",
 573 |         "      <td> NaN</td>\n",
 574 |         "      <td>            NaN</td>\n",
 575 |         "      <td> ON</td>\n",
 576 |         "    </tr>\n",
 577 |         "    <tr>\n",
 578 |         "      <th>38</th>\n",
 579 |         "      <td> ***08845</td>\n",
 580 |         "      <td> 20120101</td>\n",
 581 |         "      <td>   3</td>\n",
 582 |         "      <td> PARK/LEAVE ON PRIVATE PROPERTY</td>\n",
 583 |         "      <td>  30</td>\n",
 584 |         "      <td>  26</td>\n",
 585 |         "      <td>  AT</td>\n",
 586 |         "      <td>     200 ROEHAMPTON AVE</td>\n",
 587 |         "      <td> NaN</td>\n",
 588 |         "      <td>            NaN</td>\n",
 589 |         "      <td> ON</td>\n",
 590 |         "    </tr>\n",
 591 |         "    <tr>\n",
 592 |         "      <th>39</th>\n",
 593 |         "      <td> ***98810</td>\n",
 594 |         "      <td> 20120101</td>\n",
 595 |         "      <td>  14</td>\n",
 596 |         "      <td>       PARK OBSTRUCT DRIVE/LANE</td>\n",
 597 |         "      <td>  40</td>\n",
 598 |         "      <td>  28</td>\n",
 599 |         "      <td>  NR</td>\n",
 600 |         "      <td>         11 PROTEA GDNS</td>\n",
 601 |         "      <td> NaN</td>\n",
 602 |         "      <td>            NaN</td>\n",
 603 |         "      <td> ON</td>\n",
 604 |         "    </tr>\n",
 605 |         "    <tr>\n",
 606 |         "      <th>40</th>\n",
 607 |         "      <td> ***08846</td>\n",
 608 |         "      <td> 20120101</td>\n",
 609 |         "      <td>   3</td>\n",
 610 |         "      <td> PARK/LEAVE ON PRIVATE PROPERTY</td>\n",
 611 |         "      <td>  30</td>\n",
 612 |         "      <td>  28</td>\n",
 613 |         "      <td>  AT</td>\n",
 614 |         "      <td>     200 ROEHAMPTON AVE</td>\n",
 615 |         "      <td> NaN</td>\n",
 616 |         "      <td>            NaN</td>\n",
 617 |         "      <td> ON</td>\n",
 618 |         "    </tr>\n",
 619 |         "    <tr>\n",
 620 |         "      <th>41</th>\n",
 621 |         "      <td> ***08847</td>\n",
 622 |         "      <td> 20120101</td>\n",
 623 |         "      <td>   3</td>\n",
 624 |         "      <td> PARK/LEAVE ON PRIVATE PROPERTY</td>\n",
 625 |         "      <td>  30</td>\n",
 626 |         "      <td>  31</td>\n",
 627 |         "      <td>  AT</td>\n",
 628 |         "      <td>     200 ROEHAMPTON AVE</td>\n",
 629 |         "      <td> NaN</td>\n",
 630 |         "      <td>            NaN</td>\n",
 631 |         "      <td> ON</td>\n",
 632 |         "    </tr>\n",
 633 |         "    <tr>\n",
 634 |         "      <th>42</th>\n",
 635 |         "      <td> ***94096</td>\n",
 636 |         "      <td> 20120101</td>\n",
 637 |         "      <td> 192</td>\n",
 638 |         "      <td>      STAND SIGNED TRANSIT STOP</td>\n",
 639 |         "      <td>  60</td>\n",
 640 |         "      <td>  37</td>\n",
 641 |         "      <td>  NR</td>\n",
 642 |         "      <td>           922 PAPE AVE</td>\n",
 643 |         "      <td> NaN</td>\n",
 644 |         "      <td>            NaN</td>\n",
 645 |         "      <td> ON</td>\n",
 646 |         "    </tr>\n",
 647 |         "    <tr>\n",
 648 |         "      <th>43</th>\n",
 649 |         "      <td> ***99292</td>\n",
 650 |         "      <td> 20120101</td>\n",
 651 |         "      <td>   5</td>\n",
 652 |         "      <td>  PARK-HWY DRNG PROH TIMES/DAYS</td>\n",
 653 |         "      <td>  40</td>\n",
 654 |         "      <td>  39</td>\n",
 655 |         "      <td>  NR</td>\n",
 656 |         "      <td>       1366 DUNDAS ST W</td>\n",
 657 |         "      <td> NaN</td>\n",
 658 |         "      <td>            NaN</td>\n",
 659 |         "      <td> ON</td>\n",
 660 |         "    </tr>\n",
 661 |         "    <tr>\n",
 662 |         "      <th>44</th>\n",
 663 |         "      <td> ***47878</td>\n",
 664 |         "      <td> 20120101</td>\n",
 665 |         "      <td> 369</td>\n",
 666 |         "      <td> STAND STR DISABL LDG NO DROPOF</td>\n",
 667 |         "      <td> 450</td>\n",
 668 |         "      <td>  41</td>\n",
 669 |         "      <td>  NR</td>\n",
 670 |         "      <td>        32 GRENVILLE ST</td>\n",
 671 |         "      <td> NaN</td>\n",
 672 |         "      <td>            NaN</td>\n",
 673 |         "      <td> ON</td>\n",
 674 |         "    </tr>\n",
 675 |         "    <tr>\n",
 676 |         "      <th>45</th>\n",
 677 |         "      <td> ***47879</td>\n",
 678 |         "      <td> 20120101</td>\n",
 679 |         "      <td> 369</td>\n",
 680 |         "      <td> STAND STR DISABL LDG NO DROPOF</td>\n",
 681 |         "      <td> 450</td>\n",
 682 |         "      <td>  43</td>\n",
 683 |         "      <td>  NR</td>\n",
 684 |         "      <td>        18 GRENVILLE ST</td>\n",
 685 |         "      <td> NaN</td>\n",
 686 |         "      <td>            NaN</td>\n",
 687 |         "      <td> ON</td>\n",
 688 |         "    </tr>\n",
 689 |         "    <tr>\n",
 690 |         "      <th>46</th>\n",
 691 |         "      <td> ***47880</td>\n",
 692 |         "      <td> 20120101</td>\n",
 693 |         "      <td>   5</td>\n",
 694 |         "      <td>     PARK HWY PROHIBED TIME/DAY</td>\n",
 695 |         "      <td>  40</td>\n",
 696 |         "      <td>  47</td>\n",
 697 |         "      <td>  NR</td>\n",
 698 |         "      <td>       7 BREADALBANE ST</td>\n",
 699 |         "      <td> NaN</td>\n",
 700 |         "      <td>            NaN</td>\n",
 701 |         "      <td> ON</td>\n",
 702 |         "    </tr>\n",
 703 |         "    <tr>\n",
 704 |         "      <th>47</th>\n",
 705 |         "      <td> ***37886</td>\n",
 706 |         "      <td> 20120101</td>\n",
 707 |         "      <td>   3</td>\n",
 708 |         "      <td> PARK/LEAVE ON PRIVATE PROPERTY</td>\n",
 709 |         "      <td>  30</td>\n",
 710 |         "      <td>  48</td>\n",
 711 |         "      <td>  AT</td>\n",
 712 |         "      <td>         735 COLLEGE ST</td>\n",
 713 |         "      <td> NaN</td>\n",
 714 |         "      <td>            NaN</td>\n",
 715 |         "      <td> ON</td>\n",
 716 |         "    </tr>\n",
 717 |         "    <tr>\n",
 718 |         "      <th>48</th>\n",
 719 |         "      <td> ***37887</td>\n",
 720 |         "      <td> 20120101</td>\n",
 721 |         "      <td>   3</td>\n",
 722 |         "      <td> PARK/LEAVE ON PRIVATE PROPERTY</td>\n",
 723 |         "      <td>  30</td>\n",
 724 |         "      <td>  49</td>\n",
 725 |         "      <td>  AT</td>\n",
 726 |         "      <td>         735 COLLEGE ST</td>\n",
 727 |         "      <td> NaN</td>\n",
 728 |         "      <td>            NaN</td>\n",
 729 |         "      <td> ON</td>\n",
 730 |         "    </tr>\n",
 731 |         "    <tr>\n",
 732 |         "      <th>49</th>\n",
 733 |         "      <td> ***86157</td>\n",
 734 |         "      <td> 20120101</td>\n",
 735 |         "      <td>   3</td>\n",
 736 |         "      <td> PARK/LEAVE ON PRIVATE PROPERTY</td>\n",
 737 |         "      <td>  30</td>\n",
 738 |         "      <td>  49</td>\n",
 739 |         "      <td>  AT</td>\n",
 740 |         "      <td>        37 GROSVENOR ST</td>\n",
 741 |         "      <td> NaN</td>\n",
 742 |         "      <td>            NaN</td>\n",
 743 |         "      <td> ON</td>\n",
 744 |         "    </tr>\n",
 745 |         "    <tr>\n",
 746 |         "      <th>50</th>\n",
 747 |         "      <td> ***08848</td>\n",
 748 |         "      <td> 20120101</td>\n",
 749 |         "      <td>   5</td>\n",
 750 |         "      <td>     PARK HWY PROHIBED TIME/DAY</td>\n",
 751 |         "      <td>  40</td>\n",
 752 |         "      <td>  50</td>\n",
 753 |         "      <td> E/S</td>\n",
 754 |         "      <td>      MOUNT PLEASANT RD</td>\n",
 755 |         "      <td> S/O</td>\n",
 756 |         "      <td>   GARFIELD AVE</td>\n",
 757 |         "      <td> ON</td>\n",
 758 |         "    </tr>\n",
 759 |         "    <tr>\n",
 760 |         "      <th>51</th>\n",
 761 |         "      <td> ***54745</td>\n",
 762 |         "      <td> 20120101</td>\n",
 763 |         "      <td>   3</td>\n",
 764 |         "      <td> PARK/LEAVE ON PRIVATE PROPERTY</td>\n",
 765 |         "      <td>  30</td>\n",
 766 |         "      <td>  51</td>\n",
 767 |         "      <td>  AT</td>\n",
 768 |         "      <td>             1 SCOTT ST</td>\n",
 769 |         "      <td> NaN</td>\n",
 770 |         "      <td>            NaN</td>\n",
 771 |         "      <td> ON</td>\n",
 772 |         "    </tr>\n",
 773 |         "    <tr>\n",
 774 |         "      <th>52</th>\n",
 775 |         "      <td> ***37888</td>\n",
 776 |         "      <td> 20120101</td>\n",
 777 |         "      <td>  30</td>\n",
 778 |         "      <td> STOP ON/OVER SIDEWALK/FOOTPATH</td>\n",
 779 |         "      <td>  60</td>\n",
 780 |         "      <td>  52</td>\n",
 781 |         "      <td>  NR</td>\n",
 782 |         "      <td>        178 BEATRICE ST</td>\n",
 783 |         "      <td> NaN</td>\n",
 784 |         "      <td>            NaN</td>\n",
 785 |         "      <td> ON</td>\n",
 786 |         "    </tr>\n",
 787 |         "    <tr>\n",
 788 |         "      <th>53</th>\n",
 789 |         "      <td> ***44968</td>\n",
 790 |         "      <td> 20120101</td>\n",
 791 |         "      <td>   5</td>\n",
 792 |         "      <td>     PARK HWY PROHIBED TIME/DAY</td>\n",
 793 |         "      <td>  40</td>\n",
 794 |         "      <td>  55</td>\n",
 795 |         "      <td> OPP</td>\n",
 796 |         "      <td>          168 SIMCOE ST</td>\n",
 797 |         "      <td> NaN</td>\n",
 798 |         "      <td>            NaN</td>\n",
 799 |         "      <td> ON</td>\n",
 800 |         "    </tr>\n",
 801 |         "    <tr>\n",
 802 |         "      <th>54</th>\n",
 803 |         "      <td> ***47881</td>\n",
 804 |         "      <td> 20120101</td>\n",
 805 |         "      <td>   5</td>\n",
 806 |         "      <td>     PARK HWY PROHIBED TIME/DAY</td>\n",
 807 |         "      <td>  40</td>\n",
 808 |         "      <td>  56</td>\n",
 809 |         "      <td>  NR</td>\n",
 810 |         "      <td>          27 CARLTON ST</td>\n",
 811 |         "      <td> NaN</td>\n",
 812 |         "      <td>            NaN</td>\n",
 813 |         "      <td> ON</td>\n",
 814 |         "    </tr>\n",
 815 |         "    <tr>\n",
 816 |         "      <th>55</th>\n",
 817 |         "      <td> ***47882</td>\n",
 818 |         "      <td> 20120101</td>\n",
 819 |         "      <td>   5</td>\n",
 820 |         "      <td>     PARK HWY PROHIBED TIME/DAY</td>\n",
 821 |         "      <td>  40</td>\n",
 822 |         "      <td>  58</td>\n",
 823 |         "      <td>  NR</td>\n",
 824 |         "      <td>          27 CARLTON ST</td>\n",
 825 |         "      <td> NaN</td>\n",
 826 |         "      <td>            NaN</td>\n",
 827 |         "      <td> ON</td>\n",
 828 |         "    </tr>\n",
 829 |         "    <tr>\n",
 830 |         "      <th>56</th>\n",
 831 |         "      <td> ***47883</td>\n",
 832 |         "      <td> 20120101</td>\n",
 833 |         "      <td>   5</td>\n",
 834 |         "      <td>     PARK HWY PROHIBED TIME/DAY</td>\n",
 835 |         "      <td>  40</td>\n",
 836 |         "      <td>  59</td>\n",
 837 |         "      <td>  NR</td>\n",
 838 |         "      <td>          27 CARLTON ST</td>\n",
 839 |         "      <td> NaN</td>\n",
 840 |         "      <td>            NaN</td>\n",
 841 |         "      <td> ON</td>\n",
 842 |         "    </tr>\n",
 843 |         "    <tr>\n",
 844 |         "      <th>57</th>\n",
 845 |         "      <td> ***44969</td>\n",
 846 |         "      <td> 20120101</td>\n",
 847 |         "      <td>   5</td>\n",
 848 |         "      <td>     PARK HWY PROHIBED TIME/DAY</td>\n",
 849 |         "      <td>  40</td>\n",
 850 |         "      <td> 103</td>\n",
 851 |         "      <td>  NR</td>\n",
 852 |         "      <td>          100 SIMCOE ST</td>\n",
 853 |         "      <td> NaN</td>\n",
 854 |         "      <td>            NaN</td>\n",
 855 |         "      <td> ON</td>\n",
 856 |         "    </tr>\n",
 857 |         "    <tr>\n",
 858 |         "      <th>58</th>\n",
 859 |         "      <td> ***09737</td>\n",
 860 |         "      <td> 20120101</td>\n",
 861 |         "      <td> 356</td>\n",
 862 |         "      <td>    STAND IN DISABLED NO PERMIT</td>\n",
 863 |         "      <td> 450</td>\n",
 864 |         "      <td> 110</td>\n",
 865 |         "      <td>  AT</td>\n",
 866 |         "      <td>           11 BRUNEL CT</td>\n",
 867 |         "      <td> NaN</td>\n",
 868 |         "      <td>            NaN</td>\n",
 869 |         "      <td> ON</td>\n",
 870 |         "    </tr>\n",
 871 |         "    <tr>\n",
 872 |         "      <th>59</th>\n",
 873 |         "      <td> ***47884</td>\n",
 874 |         "      <td> 20120101</td>\n",
 875 |         "      <td>   9</td>\n",
 876 |         "      <td>   STOP HWY PROHIBITED TIME/DAY</td>\n",
 877 |         "      <td>  60</td>\n",
 878 |         "      <td> 111</td>\n",
 879 |         "      <td> OPP</td>\n",
 880 |         "      <td>        86 GERRARD ST E</td>\n",
 881 |         "      <td> NaN</td>\n",
 882 |         "      <td>            NaN</td>\n",
 883 |         "      <td> ON</td>\n",
 884 |         "    </tr>\n",
 885 |         "    <tr>\n",
 886 |         "      <th></th>\n",
 887 |         "      <td>...</td>\n",
 888 |         "      <td>...</td>\n",
 889 |         "      <td>...</td>\n",
 890 |         "      <td>...</td>\n",
 891 |         "      <td>...</td>\n",
 892 |         "      <td>...</td>\n",
 893 |         "      <td>...</td>\n",
 894 |         "      <td>...</td>\n",
 895 |         "      <td>...</td>\n",
 896 |         "      <td>...</td>\n",
 897 |         "      <td>...</td>\n",
 898 |         "    </tr>\n",
 899 |         "  </tbody>\n",
 900 |         "</table>\n",
 901 |         "<p>2746154 rows \u00d7 11 columns</p>\n",
 902 |         "</div>"
 903 |        ],
 904 |        "metadata": {},
 905 |        "output_type": "pyout",
 906 |        "prompt_number": 1,
 907 |        "text": [
 908 |         "   tag_number_masked  date_of_infraction  infraction_code  \\\n",
 909 |         "0           ***78746            20120101              192   \n",
 910 |         "1           ***31670            20120101                5   \n",
 911 |         "2           ***47870            20120101                5   \n",
 912 |         "3           ***68489            20120101                8   \n",
 913 |         "4           ***98802            20120101              337   \n",
 914 |         "5           ***85083            20120101                8   \n",
 915 |         "6           ***98803            20120101              337   \n",
 916 |         "7           ***08841            20120101               15   \n",
 917 |         "8           ***47871            20120101                5   \n",
 918 |         "9           ***98804            20120101              337   \n",
 919 |         "10          ***98805            20120101              337   \n",
 920 |         "11          ***99287            20120101                5   \n",
 921 |         "12          ***47872            20120101                5   \n",
 922 |         "13          ***98806            20120101              337   \n",
 923 |         "14          ***13375            20120101              192   \n",
 924 |         "15          ***13376            20120101              192   \n",
 925 |         "16          ***13377            20120101              192   \n",
 926 |         "17          ***98807            20120101              337   \n",
 927 |         "18          ***68490            20120101              384   \n",
 928 |         "19          ***85084            20120101              384   \n",
 929 |         "20          ***98808            20120101              337   \n",
 930 |         "21          ***68491            20120101              384   \n",
 931 |         "22          ***86155            20120101                3   \n",
 932 |         "23          ***98809            20120101              337   \n",
 933 |         "24          ***99288            20120101                5   \n",
 934 |         "25          ***47873            20120101                9   \n",
 935 |         "26          ***47874            20120101                5   \n",
 936 |         "27          ***68492            20120101              192   \n",
 937 |         "28          ***99289            20120101                5   \n",
 938 |         "29          ***47875            20120101                5   \n",
 939 |         "30          ***47876            20120101                5   \n",
 940 |         "31          ***86156            20120101               15   \n",
 941 |         "32          ***99290            20120101                5   \n",
 942 |         "33          ***08842            20120101                3   \n",
 943 |         "34          ***08843            20120101                3   \n",
 944 |         "35          ***47877            20120101               15   \n",
 945 |         "36          ***99291            20120101                5   \n",
 946 |         "37          ***08844            20120101                3   \n",
 947 |         "38          ***08845            20120101                3   \n",
 948 |         "39          ***98810            20120101               14   \n",
 949 |         "40          ***08846            20120101                3   \n",
 950 |         "41          ***08847            20120101                3   \n",
 951 |         "42          ***94096            20120101              192   \n",
 952 |         "43          ***99292            20120101                5   \n",
 953 |         "44          ***47878            20120101              369   \n",
 954 |         "45          ***47879            20120101              369   \n",
 955 |         "46          ***47880            20120101                5   \n",
 956 |         "47          ***37886            20120101                3   \n",
 957 |         "48          ***37887            20120101                3   \n",
 958 |         "49          ***86157            20120101                3   \n",
 959 |         "50          ***08848            20120101                5   \n",
 960 |         "51          ***54745            20120101                3   \n",
 961 |         "52          ***37888            20120101               30   \n",
 962 |         "53          ***44968            20120101                5   \n",
 963 |         "54          ***47881            20120101                5   \n",
 964 |         "55          ***47882            20120101                5   \n",
 965 |         "56          ***47883            20120101                5   \n",
 966 |         "57          ***44969            20120101                5   \n",
 967 |         "58          ***09737            20120101              356   \n",
 968 |         "59          ***47884            20120101                9   \n",
 969 |         "                 ...                 ...              ...   \n",
 970 |         "\n",
 971 |         "            infraction_description  set_fine_amount  time_of_infraction  \\\n",
 972 |         "0        STAND SIGNED TRANSIT STOP               60                   0   \n",
 973 |         "1       PARK HWY PROHIBED TIME/DAY               40                   1   \n",
 974 |         "2       PARK HWY PROHIBED TIME/DAY               40                   1   \n",
 975 |         "3      STD VEH HWY PROHIB TIME/DAY               60                   1   \n",
 976 |         "4              PARK - ON BOULEVARD               50                   1   \n",
 977 |         "5      STD VEH HWY PROHIB TIME/DAY               60                   2   \n",
 978 |         "6              PARK - ON BOULEVARD               50                   2   \n",
 979 |         "7       PARK - 3 M OF FIRE HYDRANT              100                   2   \n",
 980 |         "8       PARK HWY PROHIBED TIME/DAY               40                   3   \n",
 981 |         "9              PARK - ON BOULEVARD               50                   3   \n",
 982 |         "10             PARK - ON BOULEVARD               50                   3   \n",
 983 |         "11      PARK HWY PROHIBED TIME/DAY               40                   3   \n",
 984 |         "12      PARK HWY PROHIBED TIME/DAY               40                   4   \n",
 985 |         "13             PARK - ON BOULEVARD               50                   4   \n",
 986 |         "14       STAND SIGNED TRANSIT STOP               60                   4   \n",
 987 |         "15       STAND SIGNED TRANSIT STOP               60                   5   \n",
 988 |         "16       STAND SIGNED TRANSIT STOP               60                   5   \n",
 989 |         "17             PARK - ON BOULEVARD               50                   6   \n",
 990 |         "18  STOP VEH OTR THN BCYCL-BYCL LN               60                   7   \n",
 991 |         "19  STOP VEH OTR THN BCYCL-BYCL LN               60                   8   \n",
 992 |         "20             PARK - ON BOULEVARD               50                   8   \n",
 993 |         "21  STOP VEH OTR THN BCYCL-BYCL LN               60                   9   \n",
 994 |         "22  PARK/LEAVE ON PRIVATE PROPERTY               30                   9   \n",
 995 |         "23             PARK - ON BOULEVARD               50                   9   \n",
 996 |         "24      PARK HWY PROHIBED TIME/DAY               40                   9   \n",
 997 |         "25    STOP HWY PROHIBITED TIME/DAY               60                  10   \n",
 998 |         "26      PARK HWY PROHIBED TIME/DAY               40                  12   \n",
 999 |         "27       STAND SIGNED TRANSIT STOP               60                  14   \n",
1000 |         "28      PARK HWY PROHIBED TIME/DAY               40                  14   \n",
1001 |         "29      PARK HWY PROHIBED TIME/DAY               40                  16   \n",
1002 |         "30      PARK HWY PROHIBED TIME/DAY               40                  17   \n",
1003 |         "31         PARK 3M OF FIRE HYDRANT              100                  20   \n",
1004 |         "32      PARK HWY PROHIBED TIME/DAY               40                  22   \n",
1005 |         "33  PARK/LEAVE ON PRIVATE PROPERTY               30                  22   \n",
1006 |         "34  PARK/LEAVE ON PRIVATE PROPERTY               30                  23   \n",
1007 |         "35         PARK 3M OF FIRE HYDRANT              100                  25   \n",
1008 |         "36      PARK HWY PROHIBED TIME/DAY               40                  26   \n",
1009 |         "37  PARK/LEAVE ON PRIVATE PROPERTY               30                  26   \n",
1010 |         "38  PARK/LEAVE ON PRIVATE PROPERTY               30                  26   \n",
1011 |         "39        PARK OBSTRUCT DRIVE/LANE               40                  28   \n",
1012 |         "40  PARK/LEAVE ON PRIVATE PROPERTY               30                  28   \n",
1013 |         "41  PARK/LEAVE ON PRIVATE PROPERTY               30                  31   \n",
1014 |         "42       STAND SIGNED TRANSIT STOP               60                  37   \n",
1015 |         "43   PARK-HWY DRNG PROH TIMES/DAYS               40                  39   \n",
1016 |         "44  STAND STR DISABL LDG NO DROPOF              450                  41   \n",
1017 |         "45  STAND STR DISABL LDG NO DROPOF              450                  43   \n",
1018 |         "46      PARK HWY PROHIBED TIME/DAY               40                  47   \n",
1019 |         "47  PARK/LEAVE ON PRIVATE PROPERTY               30                  48   \n",
1020 |         "48  PARK/LEAVE ON PRIVATE PROPERTY               30                  49   \n",
1021 |         "49  PARK/LEAVE ON PRIVATE PROPERTY               30                  49   \n",
1022 |         "50      PARK HWY PROHIBED TIME/DAY               40                  50   \n",
1023 |         "51  PARK/LEAVE ON PRIVATE PROPERTY               30                  51   \n",
1024 |         "52  STOP ON/OVER SIDEWALK/FOOTPATH               60                  52   \n",
1025 |         "53      PARK HWY PROHIBED TIME/DAY               40                  55   \n",
1026 |         "54      PARK HWY PROHIBED TIME/DAY               40                  56   \n",
1027 |         "55      PARK HWY PROHIBED TIME/DAY               40                  58   \n",
1028 |         "56      PARK HWY PROHIBED TIME/DAY               40                  59   \n",
1029 |         "57      PARK HWY PROHIBED TIME/DAY               40                 103   \n",
1030 |         "58     STAND IN DISABLED NO PERMIT              450                 110   \n",
1031 |         "59    STOP HWY PROHIBITED TIME/DAY               60                 111   \n",
1032 |         "                               ...              ...                 ...   \n",
1033 |         "\n",
1034 |         "   location1               location2 location3       location4 province  \n",
1035 |         "0         NR         355 PARKSIDE DR       NaN             NaN       ON  \n",
1036 |         "1         NR           220 KING ST W       NaN             NaN       ON  \n",
1037 |         "2        N/S                  ELM ST       W/O    ELIZABETH ST       ON  \n",
1038 |         "3        N/S               WALTON ST       E/O          BAY ST       ON  \n",
1039 |         "4        S/S          SHEPPARD AVE E       E/O     NEILSON AVE       ON  \n",
1040 |         "5        N/S               WALTON ST       E/O          BAY ST       ON  \n",
1041 |         "6        S/S          SHEPPARD AVE E       E/O     NEILSON AVE       ON  \n",
1042 |         "7         NR  35 THORNCLIFFE PARK DR       NaN             NaN       NJ  \n",
1043 |         "8        N/S                  ELM ST       E/O  UNIVERSITY AVE       ON  \n",
1044 |         "9        S/S          SHEPPARD AVE E       E/O     NEILSON AVE       ON  \n",
1045 |         "10       S/S          SHEPPARD AVE E       E/O     NEILSON AVE       ON  \n",
1046 |         "11        NR          968 QUEEN ST W       NaN             NaN       ON  \n",
1047 |         "12       N/S                  ELM ST       E/O  UNIVERSITY AVE       ON  \n",
1048 |         "13       S/S          SHEPPARD AVE E       E/O     NEILSON AVE       ON  \n",
1049 |         "14        NR         193 PARKSIDE DR       NaN             NaN       UT  \n",
1050 |         "15        NR         193 PARKSIDE DR       NaN             NaN       ON  \n",
1051 |         "16        NR         193 PARKSIDE DR       NaN             NaN       ON  \n",
1052 |         "17       S/S          SHEPPARD AVE E       E/O     NEILSON AVE       ON  \n",
1053 |         "18       OPP         86 GERRARD ST E       NaN             NaN       ON  \n",
1054 |         "19       OPP         86 GERRARD ST E       NaN             NaN       ON  \n",
1055 |         "20       S/S          SHEPPARD AVE E       E/O     NEILSON AVE       ON  \n",
1056 |         "21        NR        101 GERRARD ST E       NaN             NaN       GA  \n",
1057 |         "22        AT          361 FRONT ST W       NaN             NaN       ON  \n",
1058 |         "23       S/S          SHEPPARD AVE E       E/O     NEILSON AVE       ON  \n",
1059 |         "24        NR          942 QUEEN ST W       NaN             NaN       ON  \n",
1060 |         "25       W/S            ELIZABETH ST       N/O       EDWARD ST       ON  \n",
1061 |         "26        NR        150 ELIZABETH ST       NaN             NaN       ON  \n",
1062 |         "27       W/S           PARLIAMENT ST       S/O     VERNER LANE       ON  \n",
1063 |         "28        NR          723 QUEEN ST W       NaN             NaN       ON  \n",
1064 |         "29       OPP               77 ELM ST       NaN             NaN       ON  \n",
1065 |         "30       OPP               77 ELM ST       NaN             NaN       ON  \n",
1066 |         "31        AT          361 FRONT ST W       NaN             NaN       ON  \n",
1067 |         "32        NR           801 KING ST W       NaN             NaN       ON  \n",
1068 |         "33        AT         177 REDPATH AVE       NaN             NaN       ON  \n",
1069 |         "34        AT         177 REDPATH AVE       NaN             NaN       ON  \n",
1070 |         "35        NR               13 ELM ST       NaN             NaN       ON  \n",
1071 |         "36        NR           901 KING ST W       NaN             NaN       ON  \n",
1072 |         "37        AT      200 ROEHAMPTON AVE       NaN             NaN       ON  \n",
1073 |         "38        AT      200 ROEHAMPTON AVE       NaN             NaN       ON  \n",
1074 |         "39        NR          11 PROTEA GDNS       NaN             NaN       ON  \n",
1075 |         "40        AT      200 ROEHAMPTON AVE       NaN             NaN       ON  \n",
1076 |         "41        AT      200 ROEHAMPTON AVE       NaN             NaN       ON  \n",
1077 |         "42        NR            922 PAPE AVE       NaN             NaN       ON  \n",
1078 |         "43        NR        1366 DUNDAS ST W       NaN             NaN       ON  \n",
1079 |         "44        NR         32 GRENVILLE ST       NaN             NaN       ON  \n",
1080 |         "45        NR         18 GRENVILLE ST       NaN             NaN       ON  \n",
1081 |         "46        NR        7 BREADALBANE ST       NaN             NaN       ON  \n",
1082 |         "47        AT          735 COLLEGE ST       NaN             NaN       ON  \n",
1083 |         "48        AT          735 COLLEGE ST       NaN             NaN       ON  \n",
1084 |         "49        AT         37 GROSVENOR ST       NaN             NaN       ON  \n",
1085 |         "50       E/S       MOUNT PLEASANT RD       S/O    GARFIELD AVE       ON  \n",
1086 |         "51        AT              1 SCOTT ST       NaN             NaN       ON  \n",
1087 |         "52        NR         178 BEATRICE ST       NaN             NaN       ON  \n",
1088 |         "53       OPP           168 SIMCOE ST       NaN             NaN       ON  \n",
1089 |         "54        NR           27 CARLTON ST       NaN             NaN       ON  \n",
1090 |         "55        NR           27 CARLTON ST       NaN             NaN       ON  \n",
1091 |         "56        NR           27 CARLTON ST       NaN             NaN       ON  \n",
1092 |         "57        NR           100 SIMCOE ST       NaN             NaN       ON  \n",
1093 |         "58        AT            11 BRUNEL CT       NaN             NaN       ON  \n",
1094 |         "59       OPP         86 GERRARD ST E       NaN             NaN       ON  \n",
1095 |         "         ...                     ...       ...             ...      ...  \n",
1096 |         "\n",
1097 |         "[2746154 rows x 11 columns]"
1098 |        ]
1099 |       }
1100 |      ],
1101 |      "prompt_number": 1
1102 |     },
1103 |     {
1104 |      "cell_type": "code",
1105 |      "collapsed": false,
1106 |      "input": [
1107 |       "df.dtypes"
1108 |      ],
1109 |      "language": "python",
1110 |      "metadata": {},
1111 |      "outputs": [
1112 |       {
1113 |        "metadata": {},
1114 |        "output_type": "pyout",
1115 |        "prompt_number": 2,
1116 |        "text": [
1117 |         "tag_number_masked          object\n",
1118 |         "date_of_infraction          int64\n",
1119 |         "infraction_code             int64\n",
1120 |         "infraction_description     object\n",
1121 |         "set_fine_amount             int64\n",
1122 |         "time_of_infraction        float64\n",
1123 |         "location1                  object\n",
1124 |         "location2                  object\n",
1125 |         "location3                  object\n",
1126 |         "location4                  object\n",
1127 |         "province                   object\n",
1128 |         "dtype: object"
1129 |        ]
1130 |       }
1131 |      ],
1132 |      "prompt_number": 2
1133 |     },
1134 |     {
1135 |      "cell_type": "code",
1136 |      "collapsed": false,
1137 |      "input": [
1138 |       "pd.isnull(df['date_of_infraction']).value_counts()"
1139 |      ],
1140 |      "language": "python",
1141 |      "metadata": {},
1142 |      "outputs": [
1143 |       {
1144 |        "metadata": {},
1145 |        "output_type": "pyout",
1146 |        "prompt_number": 3,
1147 |        "text": [
1148 |         "False    2746154\n",
1149 |         "dtype: int64"
1150 |        ]
1151 |       }
1152 |      ],
1153 |      "prompt_number": 3
1154 |     },
1155 |     {
1156 |      "cell_type": "code",
1157 |      "collapsed": false,
1158 |      "input": [
1159 |       "date_format = '%Y%m%d'\n",
1160 |       "\n",
1161 |       "def create_weekday(x):\n",
1162 |       "    d = dt.datetime.strptime(str(x['date_of_infraction']), date_format)\n",
1163 |       "    return d.strftime('%A')\n",
1164 |       "\n",
1165 |       "df['weekday'] = df.apply(create_weekday, axis=1)\n",
1166 |       "weekday_counts = df['weekday'].value_counts()\n",
1167 |       "weekday_counts"
1168 |      ],
1169 |      "language": "python",
1170 |      "metadata": {},
1171 |      "outputs": [
1172 |       {
1173 |        "metadata": {},
1174 |        "output_type": "pyout",
1175 |        "prompt_number": 4,
1176 |        "text": [
1177 |         "Thursday     432138\n",
1178 |         "Wednesday    430728\n",
1179 |         "Friday       428295\n",
1180 |         "Tuesday      424923\n",
1181 |         "Monday       379130\n",
1182 |         "Saturday     368239\n",
1183 |         "Sunday       282701\n",
1184 |         "dtype: int64"
1185 |        ]
1186 |       }
1187 |      ],
1188 |      "prompt_number": 4
1189 |     },
1190 |     {
1191 |      "cell_type": "code",
1192 |      "collapsed": false,
1193 |      "input": [
1194 |       "weekdays = pd.DataFrame({ 'label': weekday_counts.keys(), 'count': weekday_counts.values })\n",
1195 |       "weekdays"
1196 |      ],
1197 |      "language": "python",
1198 |      "metadata": {},
1199 |      "outputs": [
1200 |       {
1201 |        "html": [
1202 |         "<div style=\"max-height:1000px;max-width:1500px;overflow:auto;\">\n",
1203 |         "<table border=\"1\" class=\"dataframe\">\n",
1204 |         "  <thead>\n",
1205 |         "    <tr style=\"text-align: right;\">\n",
1206 |         "      <th></th>\n",
1207 |         "      <th>count</th>\n",
1208 |         "      <th>label</th>\n",
1209 |         "    </tr>\n",
1210 |         "  </thead>\n",
1211 |         "  <tbody>\n",
1212 |         "    <tr>\n",
1213 |         "      <th>0</th>\n",
1214 |         "      <td> 432138</td>\n",
1215 |         "      <td>  Thursday</td>\n",
1216 |         "    </tr>\n",
1217 |         "    <tr>\n",
1218 |         "      <th>1</th>\n",
1219 |         "      <td> 430728</td>\n",
1220 |         "      <td> Wednesday</td>\n",
1221 |         "    </tr>\n",
1222 |         "    <tr>\n",
1223 |         "      <th>2</th>\n",
1224 |         "      <td> 428295</td>\n",
1225 |         "      <td>    Friday</td>\n",
1226 |         "    </tr>\n",
1227 |         "    <tr>\n",
1228 |         "      <th>3</th>\n",
1229 |         "      <td> 424923</td>\n",
1230 |         "      <td>   Tuesday</td>\n",
1231 |         "    </tr>\n",
1232 |         "    <tr>\n",
1233 |         "      <th>4</th>\n",
1234 |         "      <td> 379130</td>\n",
1235 |         "      <td>    Monday</td>\n",
1236 |         "    </tr>\n",
1237 |         "    <tr>\n",
1238 |         "      <th>5</th>\n",
1239 |         "      <td> 368239</td>\n",
1240 |         "      <td>  Saturday</td>\n",
1241 |         "    </tr>\n",
1242 |         "    <tr>\n",
1243 |         "      <th>6</th>\n",
1244 |         "      <td> 282701</td>\n",
1245 |         "      <td>    Sunday</td>\n",
1246 |         "    </tr>\n",
1247 |         "  </tbody>\n",
1248 |         "</table>\n",
1249 |         "<p>7 rows \u00d7 2 columns</p>\n",
1250 |         "</div>"
1251 |        ],
1252 |        "metadata": {},
1253 |        "output_type": "pyout",
1254 |        "prompt_number": 5,
1255 |        "text": [
1256 |         "    count      label\n",
1257 |         "0  432138   Thursday\n",
1258 |         "1  430728  Wednesday\n",
1259 |         "2  428295     Friday\n",
1260 |         "3  424923    Tuesday\n",
1261 |         "4  379130     Monday\n",
1262 |         "5  368239   Saturday\n",
1263 |         "6  282701     Sunday\n",
1264 |         "\n",
1265 |         "[7 rows x 2 columns]"
1266 |        ]
1267 |       }
1268 |      ],
1269 |      "prompt_number": 5
1270 |     },
1271 |     {
1272 |      "cell_type": "code",
1273 |      "collapsed": false,
1274 |      "input": [
1275 |       "weekdays = weekdays.reindex_axis(sorted(weekdays.columns, reverse=True), axis=1)\n",
1276 |       "weekdays"
1277 |      ],
1278 |      "language": "python",
1279 |      "metadata": {},
1280 |      "outputs": [
1281 |       {
1282 |        "html": [
1283 |         "<div style=\"max-height:1000px;max-width:1500px;overflow:auto;\">\n",
1284 |         "<table border=\"1\" class=\"dataframe\">\n",
1285 |         "  <thead>\n",
1286 |         "    <tr style=\"text-align: right;\">\n",
1287 |         "      <th></th>\n",
1288 |         "      <th>label</th>\n",
1289 |         "      <th>count</th>\n",
1290 |         "    </tr>\n",
1291 |         "  </thead>\n",
1292 |         "  <tbody>\n",
1293 |         "    <tr>\n",
1294 |         "      <th>0</th>\n",
1295 |         "      <td>  Thursday</td>\n",
1296 |         "      <td> 432138</td>\n",
1297 |         "    </tr>\n",
1298 |         "    <tr>\n",
1299 |         "      <th>1</th>\n",
1300 |         "      <td> Wednesday</td>\n",
1301 |         "      <td> 430728</td>\n",
1302 |         "    </tr>\n",
1303 |         "    <tr>\n",
1304 |         "      <th>2</th>\n",
1305 |         "      <td>    Friday</td>\n",
1306 |         "      <td> 428295</td>\n",
1307 |         "    </tr>\n",
1308 |         "    <tr>\n",
1309 |         "      <th>3</th>\n",
1310 |         "      <td>   Tuesday</td>\n",
1311 |         "      <td> 424923</td>\n",
1312 |         "    </tr>\n",
1313 |         "    <tr>\n",
1314 |         "      <th>4</th>\n",
1315 |         "      <td>    Monday</td>\n",
1316 |         "      <td> 379130</td>\n",
1317 |         "    </tr>\n",
1318 |         "    <tr>\n",
1319 |         "      <th>5</th>\n",
1320 |         "      <td>  Saturday</td>\n",
1321 |         "      <td> 368239</td>\n",
1322 |         "    </tr>\n",
1323 |         "    <tr>\n",
1324 |         "      <th>6</th>\n",
1325 |         "      <td>    Sunday</td>\n",
1326 |         "      <td> 282701</td>\n",
1327 |         "    </tr>\n",
1328 |         "  </tbody>\n",
1329 |         "</table>\n",
1330 |         "<p>7 rows \u00d7 2 columns</p>\n",
1331 |         "</div>"
1332 |        ],
1333 |        "metadata": {},
1334 |        "output_type": "pyout",
1335 |        "prompt_number": 6,
1336 |        "text": [
1337 |         "       label   count\n",
1338 |         "0   Thursday  432138\n",
1339 |         "1  Wednesday  430728\n",
1340 |         "2     Friday  428295\n",
1341 |         "3    Tuesday  424923\n",
1342 |         "4     Monday  379130\n",
1343 |         "5   Saturday  368239\n",
1344 |         "6     Sunday  282701\n",
1345 |         "\n",
1346 |         "[7 rows x 2 columns]"
1347 |        ]
1348 |       }
1349 |      ],
1350 |      "prompt_number": 6
1351 |     },
1352 |     {
1353 |      "cell_type": "code",
1354 |      "collapsed": false,
1355 |      "input": [
1356 |       "weekdays = weekdays.reindex_axis([4,3,1,0,2,5,6], axis=0)\n",
1357 |       "weekdays"
1358 |      ],
1359 |      "language": "python",
1360 |      "metadata": {},
1361 |      "outputs": [
1362 |       {
1363 |        "html": [
1364 |         "<div style=\"max-height:1000px;max-width:1500px;overflow:auto;\">\n",
1365 |         "<table border=\"1\" class=\"dataframe\">\n",
1366 |         "  <thead>\n",
1367 |         "    <tr style=\"text-align: right;\">\n",
1368 |         "      <th></th>\n",
1369 |         "      <th>label</th>\n",
1370 |         "      <th>count</th>\n",
1371 |         "    </tr>\n",
1372 |         "  </thead>\n",
1373 |         "  <tbody>\n",
1374 |         "    <tr>\n",
1375 |         "      <th>4</th>\n",
1376 |         "      <td>    Monday</td>\n",
1377 |         "      <td> 379130</td>\n",
1378 |         "    </tr>\n",
1379 |         "    <tr>\n",
1380 |         "      <th>3</th>\n",
1381 |         "      <td>   Tuesday</td>\n",
1382 |         "      <td> 424923</td>\n",
1383 |         "    </tr>\n",
1384 |         "    <tr>\n",
1385 |         "      <th>1</th>\n",
1386 |         "      <td> Wednesday</td>\n",
1387 |         "      <td> 430728</td>\n",
1388 |         "    </tr>\n",
1389 |         "    <tr>\n",
1390 |         "      <th>0</th>\n",
1391 |         "      <td>  Thursday</td>\n",
1392 |         "      <td> 432138</td>\n",
1393 |         "    </tr>\n",
1394 |         "    <tr>\n",
1395 |         "      <th>2</th>\n",
1396 |         "      <td>    Friday</td>\n",
1397 |         "      <td> 428295</td>\n",
1398 |         "    </tr>\n",
1399 |         "    <tr>\n",
1400 |         "      <th>5</th>\n",
1401 |         "      <td>  Saturday</td>\n",
1402 |         "      <td> 368239</td>\n",
1403 |         "    </tr>\n",
1404 |         "    <tr>\n",
1405 |         "      <th>6</th>\n",
1406 |         "      <td>    Sunday</td>\n",
1407 |         "      <td> 282701</td>\n",
1408 |         "    </tr>\n",
1409 |         "  </tbody>\n",
1410 |         "</table>\n",
1411 |         "<p>7 rows \u00d7 2 columns</p>\n",
1412 |         "</div>"
1413 |        ],
1414 |        "metadata": {},
1415 |        "output_type": "pyout",
1416 |        "prompt_number": 7,
1417 |        "text": [
1418 |         "       label   count\n",
1419 |         "4     Monday  379130\n",
1420 |         "3    Tuesday  424923\n",
1421 |         "1  Wednesday  430728\n",
1422 |         "0   Thursday  432138\n",
1423 |         "2     Friday  428295\n",
1424 |         "5   Saturday  368239\n",
1425 |         "6     Sunday  282701\n",
1426 |         "\n",
1427 |         "[7 rows x 2 columns]"
1428 |        ]
1429 |       }
1430 |      ],
1431 |      "prompt_number": 7
1432 |     },
1433 |     {
1434 |      "cell_type": "code",
1435 |      "collapsed": false,
1436 |      "input": [
1437 |       "weekdays.to_csv('weekdays.csv', index=False)"
1438 |      ],
1439 |      "language": "python",
1440 |      "metadata": {},
1441 |      "outputs": [],
1442 |      "prompt_number": 8
1443 |     },
1444 |     {
1445 |      "cell_type": "code",
1446 |      "collapsed": false,
1447 |      "input": [],
1448 |      "language": "python",
1449 |      "metadata": {},
1450 |      "outputs": []
1451 |     }
1452 |    ],
1453 |    "metadata": {}
1454 |   }
1455 |  ]
1456 | }


--------------------------------------------------------------------------------
/weekdays.csv:
--------------------------------------------------------------------------------
1 | label,count
2 | Monday,379130
3 | Tuesday,424923
4 | Wednesday,430728
5 | Thursday,432138
6 | Friday,428295
7 | Saturday,368239
8 | Sunday,282701
9 | 


--------------------------------------------------------------------------------