Last active
February 15, 2017 04:04
-
-
Save ericmustin/baf0201a7a627faf201c8b4ad75c794f to your computer and use it in GitHub Desktop.
systems_review_survey_results
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <!DOCTYPE html> | |
| <html> | |
| <head> | |
| <script src="https://cdn.plot.ly/plotly-latest.min.js"></script> | |
| <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.0.0/jquery.min.js"></script> | |
| <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous"> | |
| </head> | |
| <body> | |
| <div id="navBar"> | |
| <button id="optionA" style="float: left; display: inline-block; width: 18%; position: relative; "> | |
| Avg Project Length | |
| </button> | |
| <button id="optionB" style="float: left; display: inline-block; width: 18%; position: relative; "> | |
| communicating within team | |
| </button> | |
| <button id="optionC" style="float: left; display: inline-block; width: 18%; position: relative; "> | |
| sharing with other teams | |
| </button> | |
| <button id="optionD" style="float: left; display: inline-block; width: 18%; position: relative; "> | |
| # of decision makers | |
| </button> | |
| <button id="optionE" style="float: left; display: inline-block; width: 18%; position: relative; "> | |
| learning from other teams | |
| </button> | |
| </div> | |
| <div id="myDiv" style="width: 480px; height: 380px; position: absolute; top: 100px;"> | |
| <script type="text/javascript"> | |
| $(document).ready(function() { | |
| var data = []; | |
| var myDiv = $("#myDiv"); | |
| var layout = { | |
| height: 400, | |
| width: 500 | |
| }; | |
| $("#optionA").click(function() { | |
| myDiv.empty(); | |
| data = [{ | |
| values: [2, 4, 9, 2], | |
| labels: ["<1 Day", "1-3 Days", "1-2 Weeks", "1 Month or Greater"], | |
| type: 'pie' | |
| }]; | |
| Plotly.newPlot('myDiv', data, layout); | |
| }); | |
| $("#optionB").click(function() { | |
| myDiv.empty(); | |
| data = [{ | |
| values: [1, 1, 2, 2, 6, 5], | |
| labels: ["email", "github", "jira", "slack", "verbally at desks", "verbally in meeting"], | |
| type: 'pie' | |
| }]; | |
| Plotly.newPlot('myDiv', data, layout); | |
| }); | |
| $("#optionC").click(function() { | |
| myDiv.empty(); | |
| data = [{ | |
| values: [9, 3, 1, 2, 1, 1], | |
| labels: ["email", "no communication", "jira", "slack", "verbally in meetings", "verbally at desk"], | |
| type: 'pie' | |
| }]; | |
| Plotly.newPlot('myDiv', data, layout); | |
| }); | |
| $("#optionD").click(function() { | |
| myDiv.empty(); | |
| data = [{ | |
| values: [1, 5, 3, 3, 1, 1, 3], | |
| labels: ["one","two","three","four","five","six","seven"], | |
| type: 'pie' | |
| }]; | |
| Plotly.newPlot('myDiv', data, layout); | |
| }); | |
| $("#optionE").click(function() { | |
| myDiv.empty(); | |
| data = [{ | |
| values: [7,9,1], | |
| labels: ["email","meeting","verbally"], | |
| type: 'pie' | |
| }]; | |
| Plotly.newPlot('myDiv', data, layout); | |
| }); | |
| }); | |
| </script> | |
| </body> | |
| </html> |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment