Team:UANL Mty-Mexico/Outreach

From 2013.igem.org

(Difference between revisions)
Line 10: Line 10:
      
      
         var colors = Highcharts.getOptions().colors,
         var colors = Highcharts.getOptions().colors,
-
             categories = ['MSIE', 'Firefox', 'Chrome', 'Safari', 'Opera'],
+
             categories = ['Exhibitions', 'Posters', 'Workshops', 'Talks', 'International Symposium'],
-
             name = 'Browser brands',
+
             name = 'Activities',
             data = [{
             data = [{
-
                     y: 55.11,
+
                     y: 79.69,
                     color: colors[0],
                     color: colors[0],
                     drilldown: {
                     drilldown: {
-
                         name: 'MSIE versions',
+
                         name: 'exhibition',
-
                         categories: ['MSIE 6.0', 'MSIE 7.0', 'MSIE 8.0', 'MSIE 9.0'],
+
                         categories: ['SynBio tunnel', 'Biotech circus'],
-
                         data: [10.85, 7.35, 33.06, 2.81],
+
                         data: [60.76, 15.93],
                         color: colors[0]
                         color: colors[0]
                     }
                     }
                 }, {
                 }, {
-
                     y: 21.63,
+
                     y: 4.73,
                     color: colors[1],
                     color: colors[1],
                     drilldown: {
                     drilldown: {
-
                         name: 'Firefox versions',
+
                         name: 'Poster Exhibitions',
-
                         categories: ['Firefox 2.0', 'Firefox 3.0', 'Firefox 3.5', 'Firefox 3.6', 'Firefox 4.0'],
+
                         categories: ['Poster Exhibitions'],
-
                         data: [0.20, 0.83, 1.58, 13.12, 5.43],
+
                         data: [4.73],
                         color: colors[1]
                         color: colors[1]
                     }
                     }
-
                 }, {
+
                 }, {
-
                    y: 11.94,
+
            y: 2.5,
-
                    color: colors[2],
+
            color: colors[2],
-
                    drilldown: {
+
            drilldown: {
-
                        name: 'Chrome versions',
+
                name: 'Workshops',
-
                        categories: ['Chrome 5.0', 'Chrome 6.0', 'Chrome 7.0', 'Chrome 8.0', 'Chrome 9.0',
+
                categories: ['iGEM CIDEB-2012', 'Math modeling course', 'iGEM CIDEB-2013', 'Undergraduates'],
-
                            'Chrome 10.0', 'Chrome 11.0', 'Chrome 12.0'],
+
                data: [0.27, 1.62, 0.27, 0.34],
-
                        data: [0.12, 0.19, 0.12, 0.36, 0.32, 9.91, 0.50, 0.22],
+
                color: colors[2]
-
                        color: colors[2]
+
            }
-
                    }
+
        }, {
-
                }, {
+
            y: 0.81,
-
                    y: 7.15,
+
            color: colors[3],
-
                    color: colors[3],
+
            drilldown: {
-
                    drilldown: {
+
                name: 'Talks',
-
                        name: 'Safari versions',
+
                categories: ['Introduction to SynBio and iGEM @CIDEB'],
-
                        categories: ['Safari 5.0', 'Safari 4.0', 'Safari Win 5.0', 'Safari 4.1', 'Safari/Maxthon',
+
                data: [.81],
-
                            'Safari 3.1', 'Safari 4.1'],
+
                color: colors[3]
-
                        data: [4.55, 1.42, 0.23, 0.21, 0.20, 0.19, 0.14],
+
            }
-
                        color: colors[3]
+
        }, {
-
                    }
+
            y: 13.5,
-
                }, {
+
            color: colors[4],
-
                    y: 2.14,
+
            drilldown: {
-
                    color: colors[4],
+
                name: 'International Symposium',
-
                    drilldown: {
+
                categories: ['Genobiotec13'],
-
                        name: 'Opera versions',
+
                data: [13.5],
-
                        categories: ['Opera 9.x', 'Opera 10.x', 'Opera 11.x'],
+
                color: colors[4]
-
                        data: [ 0.12, 0.37, 1.65],
+
            }
-
                        color: colors[4]
+
        }, {
-
                    }
+
            y: 1.77,
 +
            color: colors[5],
 +
            drilldown: {
 +
                name: 'Other Activities',
 +
                categories: ['Rally', 'Extracting DNA from Banana', 'Extract your own DNA'],
 +
                data: [1.35, 0.2, 0.22],
 +
                color: colors[5]
 +
            }
                 }];
                 }];
      
      
Line 132: Line 139:
         });
         });
     });
     });
-
   
 
-
 
</script>
</script>
</head>
</head>

Revision as of 19:11, 21 September 2013

Carousel Template for Bootstrap


Highcharts Example
Creative Commons License