| license: mit | |
| scrolling: yes |
In this visualization I want to show the distributioin of the sleeping status of my daughter Xinxin. We relieased that she
sleeping well during the night, and doesn't well in the daytime.
All the data is collected from a App named Baby Tracker, that's a awesome app that can record almost every activity of a baby:
Tools I've introduced:
math| <!DOCTYPE html> | |
| <html> | |
| <head> | |
| <meta charset="utf-8"> | |
| <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> | |
| <title>Xinxin Sleeping Records</title> | |
| <link rel="stylesheet" type="text/css" href="style.css"> | |
| <script type="text/javascript" src="http://cdnjs.cloudflare.com/ajax/libs/d3/3.2.2/d3.v3.min.js"> | |
| </script> | |
| <script src="http://momentjs.com/downloads/moment-with-locales.min.js"></script> | |
| <script src="https://cdnjs.cloudflare.com/ajax/libs/lodash.js/3.10.0/lodash.min.js"></script> | |
| <script src="https://cdnjs.cloudflare.com/ajax/libs/crossfilter/1.3.12/crossfilter.js"></script> | |
| </head> | |
| <body> | |
| <div class="chart"></div> | |
| <script src="sleep-arc.js"></script> | |
| </body> | |
| </html> |
(Sorry about that, but we can’t show files that are this big right now.)
(Sorry about that, but we can’t show files that are this big right now.)
