|
|
| Line 1: |
Line 1: |
| | {{Hong_Kong_UCCKE}} | | {{Hong_Kong_UCCKE}} |
| | <html> | | <html> |
| − | <script src="https://cdnjs.cloudflare.com/ajax/libs/d3/3.5.6/d3.min.js" charset="utf-8"></script>
| |
| − | <link rel="stylesheet" href="http://cal-heatmap.com/css/cal-heatmap.css?v=3.5.1" />
| |
| − | <script type="text/javascript" src="http://cal-heatmap.com/js/cal-heatmap.min.js?v=3.5.1"></script>
| |
| − |
| |
| − |
| |
| − |
| |
| − | <div id="cal-heatmap"></div>
| |
| − | <script type="text/javascript">
| |
| − | var startTimestamp = new Date(2016, 8, 1).getTime()/1000;
| |
| − |
| |
| − | function GAconverter(data) {
| |
| − | var i, total, results = {};
| |
| − | for(i = 0, total = data.length; i < total; i++) {
| |
| − | results[+data[i].Hour * 3600 + startTimestamp] = +data[i].Visits;
| |
| − | }
| |
| − | return results;
| |
| − | }
| |
| − |
| |
| − |
| |
| − | var cal = new CalHeatMap();
| |
| − | cal.init({
| |
| − |
| |
| − | data: "https://2016.igem.org/Template:Hong_Kong_UCCKE/notebookdata?action=raw",
| |
| − | dataType: "json",
| |
| − | domain: "month",
| |
| − | subDomain: "day",
| |
| − | range: 3,
| |
| − | cellSize: 25,
| |
| − | cellPadding: 3,
| |
| − | verticalOrientation: true,
| |
| − | tooltip: true,
| |
| − | start: new Date (2016, 7, 1),
| |
| − | afterLoadData: GAconverter,
| |
| − | range: 3,
| |
| − | itemName: "events",
| |
| − | legendColors: {
| |
| − | empty: "#ededed",
| |
| − | min: "#96b2f5",
| |
| − | max: "#415fa2"
| |
| − | },
| |
| − | label: {
| |
| − | position: "right",
| |
| − | rotate: "left",
| |
| − | align: "right",
| |
| − | },
| |
| − | weekStartOnMonday: false,
| |
| − | legendVerticalPosition: "center",
| |
| − | legendHorizontalPosition: "right",
| |
| − | legendOrientation: "vertical",
| |
| − | onClick: function(date, nb) {
| |
| − | $("#onClick-placeholder").html("You just clicked <br/>on <b>" +
| |
| − | date + "</b> <br/>with <b>" +
| |
| − | (nb === null ? "unknown" : nb) + "</b> items"
| |
| − | );
| |
| − | }
| |
| − |
| |
| − | });
| |
| − | </script>
| |
| | | | |
| | | | |
Document the dates you worked on your project.
What should this page have?
- Chronological notes of what your team is doing.
- Brief descriptions of daily important events.
- Pictures of your progress.
- Mention who participated in what task.
Inspiration
You can see what others teams have done to organize their notes:
