123

Pen Settings

CSS Base

Vendor Prefixing

Add External Stylesheets/Pens

Any URL's added here will be added as <link>s in order, and before the CSS in the editor. If you link to another Pen, it will include the CSS from that Pen. If the preprocessor matches, it will attempt to combine them before processing.

+ add another resource

You're using npm packages, so we've auto-selected Babel for you here, which we require to process imports and make it all work. If you need to use a different JavaScript preprocessor, remove the packages in the npm tab.

Add External Scripts/Pens

Any URL's added here will be added as <script>s in order, and run before the JavaScript in the editor. You can use the URL of any other Pen and it will include the JavaScript from that Pen.

+ add another resource

Use npm Packages

We can make npm packages available for you to use in your JavaScript. We use webpack to prepare them and make them available to import. We'll also process your JavaScript with Babel.

⚠️ This feature can only be used by logged in users.

Code Indentation

     

Save Automatically?

If active, Pens will autosave every 30 seconds after being saved once.

Auto-Updating Preview

If enabled, the preview panel updates automatically as you code. If disabled, use the "Run" button to update.

HTML Settings

Here you can Sed posuere consectetur est at lobortis. Donec ullamcorper nulla non metus auctor fringilla. Maecenas sed diam eget risus varius blandit sit amet non magna. Donec id elit non mi porta gravida at eget metus. Praesent commodo cursus magna, vel scelerisque nisl consectetur et.

            
              <!DOCTYPE html>
<html>
<head>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/vis/4.21.0/vis.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/vis/4.21.0/vis.min.css"></script>
   	<script src="script.js"></script>
</head>
<body onload="drawVisualization();">
<div id="mygraph"></div>
</body>
</html>
            
          
!
            
              var set = null;
var graph = null;

var data = [{position: "Developer", experience: 0, skill: 0, salary: 88500},
{position: "Developer", experience: 0, skill: 0.5, salary: 92400},
{position: "Developer", experience: 0, skill: 1.0, salary: 96500},
{position: "Developer", experience: 0, skill: 1.5, salary: 100700},
{position: "Developer", experience: 0, skill: 2.0, salary: 105100},
{position: "Developer", experience: 0, skill: 2.5, salary: 109800},
{position: "Developer", experience: 0, skill: 3.0, salary: 114600},
{position: "Developer", experience: 0, skill: 3.5, salary: 119700},
{position: "Developer", experience: 0, skill: 4.0, salary: 124900},
{position: "Developer", experience: 0, skill: 4.5, salary: 130400},
{position: "Developer", experience: 0, skill: 5.0, salary: 136200},
{position: "Developer", experience: 1, skill: 0.0, salary: 89800},
{position: "Developer", experience: 1, skill: 0.5, salary: 93800},
{position: "Developer", experience: 1, skill: 1.0, salary: 97900},
{position: "Developer", experience: 1, skill: 1.5, salary: 102200},
{position: "Developer", experience: 1, skill: 2.0, salary: 106800},
{position: "Developer", experience: 1, skill: 2.5, salary: 111500},
{position: "Developer", experience: 1, skill: 3.0, salary: 116400},
{position: "Developer", experience: 1, skill: 3.5, salary: 121500},
{position: "Developer", experience: 1, skill: 4.0, salary: 126800},
{position: "Developer", experience: 1, skill: 4.5, salary: 132400},
{position: "Developer", experience: 1, skill: 5.0, salary: 138200},
{position: "Developer", experience: 2, skill: 0.0, salary: 91200},
{position: "Developer", experience: 2, skill: 0.5, salary: 95200},
{position: "Developer", experience: 2, skill: 1.0, salary: 99400},
{position: "Developer", experience: 2, skill: 1.5, salary: 103800},
{position: "Developer", experience: 2, skill: 2.0, salary: 108400},
{position: "Developer", experience: 2, skill: 2.5, salary: 113100},
{position: "Developer", experience: 2, skill: 3.0, salary: 118100},
{position: "Developer", experience: 2, skill: 3.5, salary: 123300},
{position: "Developer", experience: 2, skill: 4.0, salary: 128700},
{position: "Developer", experience: 2, skill: 4.5, salary: 134400},
{position: "Developer", experience: 2, skill: 5.0, salary: 140300},
{position: "Developer", experience: 3, skill: 0.0, salary: 92600},
{position: "Developer", experience: 3, skill: 0.5, salary: 96600},
{position: "Developer", experience: 3, skill: 1.0, salary: 100900},
{position: "Developer", experience: 3, skill: 1.5, salary: 105300},
{position: "Developer", experience: 3, skill: 2.0, salary: 110000},
{position: "Developer", experience: 3, skill: 2.5, salary: 114800},
{position: "Developer", experience: 3, skill: 3.0, salary: 119900},
{position: "Developer", experience: 3, skill: 3.5, salary: 125100},
{position: "Developer", experience: 3, skill: 4.0, salary: 130600},
{position: "Developer", experience: 3, skill: 4.5, salary: 136400},
{position: "Developer", experience: 3, skill: 5.0, salary: 142400},
{position: "Developer", experience: 4, skill: 0.0, salary: 93900},
{position: "Developer", experience: 4, skill: 0.5, salary: 98000},
{position: "Developer", experience: 4, skill: 1.0, salary: 102400},
{position: "Developer", experience: 4, skill: 1.5, salary: 106900},
{position: "Developer", experience: 4, skill: 2.0, salary: 111600},
{position: "Developer", experience: 4, skill: 2.5, salary: 116500},
{position: "Developer", experience: 4, skill: 3.0, salary: 121600},
{position: "Developer", experience: 4, skill: 3.5, salary: 127000},
{position: "Developer", experience: 4, skill: 4.0, salary: 132500},
{position: "Developer", experience: 4, skill: 4.5, salary: 138400},
{position: "Developer", experience: 4, skill: 5.0, salary: 144500},
{position: "Developer", experience: 5, skill: 0.0, salary: 95200},
{position: "Developer", experience: 5, skill: 0.5, salary: 99400},
{position: "Developer", experience: 5, skill: 1.0, salary: 103800},
{position: "Developer", experience: 5, skill: 1.5, salary: 108400},
{position: "Developer", experience: 5, skill: 2.0, salary: 113200},
{position: "Developer", experience: 5, skill: 2.5, salary: 118100},
{position: "Developer", experience: 5, skill: 3.0, salary: 123400},
{position: "Developer", experience: 5, skill: 3.5, salary: 128800},
{position: "Developer", experience: 5, skill: 4.0, salary: 134500},
{position: "Developer", experience: 5, skill: 4.5, salary: 140400},
{position: "Developer", experience: 5, skill: 5.0, salary: 146600},
{position: "Developer", experience: 6, skill: 0.0, salary: 96600},
{position: "Developer", experience: 6, skill: 0.5, salary: 100900},
{position: "Developer", experience: 6, skill: 1.0, salary: 105300},
{position: "Developer", experience: 6, skill: 1.5, salary: 109900},
{position: "Developer", experience: 6, skill: 2.0, salary: 114800},
{position: "Developer", experience: 6, skill: 2.5, salary: 119800},
{position: "Developer", experience: 6, skill: 3.0, salary: 125100},
{position: "Developer", experience: 6, skill: 3.5, salary: 130600},
{position: "Developer", experience: 6, skill: 4.0, salary: 136400},
{position: "Developer", experience: 6, skill: 4.5, salary: 142400},
{position: "Developer", experience: 6, skill: 5.0, salary: 148600},
{position: "Developer", experience: 7, skill: 0.0, salary: 98000},
{position: "Developer", experience: 7, skill: 0.5, salary: 102300},
{position: "Developer", experience: 7, skill: 1.0, salary: 106800},
{position: "Developer", experience: 7, skill: 1.5, salary: 111500},
{position: "Developer", experience: 7, skill: 2.0, salary: 116400},
{position: "Developer", experience: 7, skill: 2.5, salary: 121500},
{position: "Developer", experience: 7, skill: 3.0, salary: 126800},
{position: "Developer", experience: 7, skill: 3.5, salary: 132400},
{position: "Developer", experience: 7, skill: 4.0, salary: 138300},
{position: "Developer", experience: 7, skill: 4.5, salary: 144400},
{position: "Developer", experience: 7, skill: 5.0, salary: 150700},
{position: "Developer", experience: 8, skill: 0.0, salary: 99300},
{position: "Developer", experience: 8, skill: 0.5, salary: 103700},
{position: "Developer", experience: 8, skill: 1.0, salary: 108200},
{position: "Developer", experience: 8, skill: 1.5, salary: 113000},
{position: "Developer", experience: 8, skill: 2.0, salary: 118000},
{position: "Developer", experience: 8, skill: 2.5, salary: 123200},
{position: "Developer", experience: 8, skill: 3.0, salary: 128600},
{position: "Developer", experience: 8, skill: 3.5, salary: 134300},
{position: "Developer", experience: 8, skill: 4.0, salary: 140200},
{position: "Developer", experience: 8, skill: 4.5, salary: 146300},
{position: "Developer", experience: 8, skill: 5.0, salary: 152800},
{position: "Developer", experience: 9, skill: 0.0, salary: 100600},
{position: "Developer", experience: 9, skill: 0.5, salary: 105100},
{position: "Developer", experience: 9, skill: 1.0, salary: 109700},
{position: "Developer", experience: 9, skill: 1.5, salary: 114500},
{position: "Developer", experience: 9, skill: 2.0, salary: 119600},
{position: "Developer", experience: 9, skill: 2.5, salary: 124800},
{position: "Developer", experience: 9, skill: 3.0, salary: 130300},
{position: "Developer", experience: 9, skill: 3.5, salary: 136100},
{position: "Developer", experience: 9, skill: 4.0, salary: 142100},
{position: "Developer", experience: 9, skill: 4.5, salary: 148300},
{position: "Developer", experience: 9, skill: 5.0, salary: 154900},
{position: "Developer", experience: 10, skill: 0.0, salary: 102000},
{position: "Developer", experience: 10, skill: 0.5, salary: 106500},
{position: "Developer", experience: 10, skill: 1.0, salary: 111200},
{position: "Developer", experience: 10, skill: 1.5, salary: 116100},
{position: "Developer", experience: 10, skill: 2.0, salary: 121200},
{position: "Developer", experience: 10, skill: 2.5, salary: 126500},
{position: "Developer", experience: 10, skill: 3.0, salary: 132100},
{position: "Developer", experience: 10, skill: 3.5, salary: 137900},
{position: "Developer", experience: 10, skill: 4.0, salary: 144000},
{position: "Developer", experience: 10, skill: 4.5, salary: 150300},
{position: "Developer", experience: 10, skill: 5.0, salary: 156900},
{position: "Developer", experience: 11, skill: 0.0, salary: 103400},
{position: "Developer", experience: 11, skill: 0.5, salary: 107900},
{position: "Developer", experience: 11, skill: 1.0, salary: 112700},
{position: "Developer", experience: 11, skill: 1.5, salary: 117600},
{position: "Developer", experience: 11, skill: 2.0, salary: 122800},
{position: "Developer", experience: 11, skill: 2.5, salary: 128200},
{position: "Developer", experience: 11, skill: 3.0, salary: 133800},
{position: "Developer", experience: 11, skill: 3.5, salary: 139700},
{position: "Developer", experience: 11, skill: 4.0, salary: 145900},
{position: "Developer", experience: 11, skill: 4.5, salary: 152300},
{position: "Developer", experience: 11, skill: 5.0, salary: 159000},
{position: "Developer", experience: 12, skill: 0.0, salary: 104700},
{position: "Developer", experience: 12, skill: 0.5, salary: 109300},
{position: "Developer", experience: 12, skill: 1.0, salary: 114100},
{position: "Developer", experience: 12, skill: 1.5, salary: 119100},
{position: "Developer", experience: 12, skill: 2.0, salary: 124400},
{position: "Developer", experience: 12, skill: 2.5, salary: 129900},
{position: "Developer", experience: 12, skill: 3.0, salary: 135600},
{position: "Developer", experience: 12, skill: 3.5, salary: 141600},
{position: "Developer", experience: 12, skill: 4.0, salary: 147800},
{position: "Developer", experience: 12, skill: 4.5, salary: 154300},
{position: "Developer", experience: 12, skill: 5.0, salary: 161100},
{position: "Developer", experience: 13, skill: 0.0, salary: 106000},
{position: "Developer", experience: 13, skill: 0.5, salary: 110700},
{position: "Developer", experience: 13, skill: 1.0, salary: 115600},
{position: "Developer", experience: 13, skill: 1.5, salary: 120700},
{position: "Developer", experience: 13, skill: 2.0, salary: 126000},
{position: "Developer", experience: 13, skill: 2.5, salary: 131500},
{position: "Developer", experience: 13, skill: 3.0, salary: 137300},
{position: "Developer", experience: 13, skill: 3.5, salary: 143400},
{position: "Developer", experience: 13, skill: 4.0, salary: 149700},
{position: "Developer", experience: 13, skill: 4.5, salary: 156300},
{position: "Developer", experience: 13, skill: 5.0, salary: 163200},
{position: "Developer", experience: 14, skill: 0.0, salary: 107400},
{position: "Developer", experience: 14, skill: 0.5, salary: 112100},
{position: "Developer", experience: 14, skill: 1.0, salary: 117100},
{position: "Developer", experience: 14, skill: 1.5, salary: 122200},
{position: "Developer", experience: 14, skill: 2.0, salary: 127600},
{position: "Developer", experience: 14, skill: 2.5, salary: 133200},
{position: "Developer", experience: 14, skill: 3.0, salary: 139100},
{position: "Developer", experience: 14, skill: 3.5, salary: 145200},
{position: "Developer", experience: 14, skill: 4.0, salary: 151600},
{position: "Developer", experience: 14, skill: 4.5, salary: 158300},
{position: "Developer", experience: 14, skill: 5.0, salary: 165200},
{position: "Developer", experience: 15, skill: 0.0, salary: 108800},
{position: "Developer", experience: 15, skill: 0.5, salary: 113500},
{position: "Developer", experience: 15, skill: 1.0, salary: 118500},
{position: "Developer", experience: 15, skill: 1.5, salary: 123800},
{position: "Developer", experience: 15, skill: 2.0, salary: 129200},
{position: "Developer", experience: 15, skill: 2.5, salary: 134900},
{position: "Developer", experience: 15, skill: 3.0, salary: 140800},
{position: "Developer", experience: 15, skill: 3.5, salary: 147000},
{position: "Developer", experience: 15, skill: 4.0, salary: 153500},
{position: "Developer", experience: 15, skill: 4.5, salary: 160300},
{position: "Developer", experience: 15, skill: 5.0, salary: 167300},
{position: "Developer", experience: 16, skill: 0.0, salary: 110100},
{position: "Developer", experience: 16, skill: 0.5, salary: 114900},
{position: "Developer", experience: 16, skill: 1.0, salary: 120000},
{position: "Developer", experience: 16, skill: 1.5, salary: 125300},
{position: "Developer", experience: 16, skill: 2.0, salary: 130800},
{position: "Developer", experience: 16, skill: 2.5, salary: 136600},
{position: "Developer", experience: 16, skill: 3.0, salary: 142600},
{position: "Developer", experience: 16, skill: 3.5, salary: 148900},
{position: "Developer", experience: 16, skill: 4.0, salary: 155400},
{position: "Developer", experience: 16, skill: 4.5, salary: 162300},
{position: "Developer", experience: 16, skill: 5.0, salary: 169400},
{position: "Developer", experience: 17, skill: 0.0, salary: 111400},
{position: "Developer", experience: 17, skill: 0.5, salary: 116400},
{position: "Developer", experience: 17, skill: 1.0, salary: 121500},
{position: "Developer", experience: 17, skill: 1.5, salary: 126800},
{position: "Developer", experience: 17, skill: 2.0, salary: 132400},
{position: "Developer", experience: 17, skill: 2.5, salary: 138200},
{position: "Developer", experience: 17, skill: 3.0, salary: 144300},
{position: "Developer", experience: 17, skill: 3.5, salary: 150700},
{position: "Developer", experience: 17, skill: 4.0, salary: 157300},
{position: "Developer", experience: 17, skill: 4.5, salary: 164200},
{position: "Developer", experience: 17, skill: 5.0, salary: 171500},
{position: "Developer", experience: 18, skill: 0.0, salary: 112800},
{position: "Developer", experience: 18, skill: 0.5, salary: 117800},
{position: "Developer", experience: 18, skill: 1.0, salary: 123000},
{position: "Developer", experience: 18, skill: 1.5, salary: 128400},
{position: "Developer", experience: 18, skill: 2.0, salary: 134000},
{position: "Developer", experience: 18, skill: 2.5, salary: 139900},
{position: "Developer", experience: 18, skill: 3.0, salary: 146100},
{position: "Developer", experience: 18, skill: 3.5, salary: 152500},
{position: "Developer", experience: 18, skill: 4.0, salary: 159200},
{position: "Developer", experience: 18, skill: 4.5, salary: 166200},
{position: "Developer", experience: 18, skill: 5.0, salary: 173600},
{position: "Developer", experience: 19, skill: 0.0, salary: 114200},
{position: "Developer", experience: 19, skill: 0.5, salary: 119200},
{position: "Developer", experience: 19, skill: 1.0, salary: 124400},
{position: "Developer", experience: 19, skill: 1.5, salary: 129900},
{position: "Developer", experience: 19, skill: 2.0, salary: 135600},
{position: "Developer", experience: 19, skill: 2.5, salary: 141600},
{position: "Developer", experience: 19, skill: 3.0, salary: 147800},
{position: "Developer", experience: 19, skill: 3.5, salary: 154300},
{position: "Developer", experience: 19, skill: 4.0, salary: 161100},
{position: "Developer", experience: 19, skill: 4.5, salary: 168200},
{position: "Developer", experience: 19, skill: 5.0, salary: 175600},
{position: "Developer", experience: 20, skill: 0.0, salary: 115500},
{position: "Developer", experience: 20, skill: 0.5, salary: 120600},
{position: "Developer", experience: 20, skill: 1.0, salary: 125900},
{position: "Developer", experience: 20, skill: 1.5, salary: 131400},
{position: "Developer", experience: 20, skill: 2.0, salary: 137200},
{position: "Developer", experience: 20, skill: 2.5, salary: 143300},
{position: "Developer", experience: 20, skill: 3.0, salary: 149600},
{position: "Developer", experience: 20, skill: 3.5, salary: 156200},
{position: "Developer", experience: 20, skill: 4.0, salary: 163000},
{position: "Developer", experience: 20, skill: 4.5, salary: 170200},
{position: "Developer", experience: 20, skill: 5.0, salary: 177700},
{position: "Developer", experience: 21, skill: 0.0, salary: 116800},
{position: "Developer", experience: 21, skill: 0.5, salary: 122000},
{position: "Developer", experience: 21, skill: 1.0, salary: 127400},
{position: "Developer", experience: 21, skill: 1.5, salary: 133000},
{position: "Developer", experience: 21, skill: 2.0, salary: 138800},
{position: "Developer", experience: 21, skill: 2.5, salary: 144900},
{position: "Developer", experience: 21, skill: 3.0, salary: 151300},
{position: "Developer", experience: 21, skill: 3.5, salary: 158000},
{position: "Developer", experience: 21, skill: 4.0, salary: 164900},
{position: "Developer", experience: 21, skill: 4.5, salary: 172200},
{position: "Developer", experience: 21, skill: 5.0, salary: 179800},
{position: "Developer", experience: 22, skill: 0.0, salary: 118200},
{position: "Developer", experience: 22, skill: 0.5, salary: 123400},
{position: "Developer", experience: 22, skill: 1.0, salary: 128800},
{position: "Developer", experience: 22, skill: 1.5, salary: 134500},
{position: "Developer", experience: 22, skill: 2.0, salary: 140400},
{position: "Developer", experience: 22, skill: 2.5, salary: 146600},
{position: "Developer", experience: 22, skill: 3.0, salary: 153100},
{position: "Developer", experience: 22, skill: 3.5, salary: 159800},
{position: "Developer", experience: 22, skill: 4.0, salary: 166800},
{position: "Developer", experience: 22, skill: 4.5, salary: 174200},
{position: "Developer", experience: 22, skill: 5.0, salary: 181900},
{position: "Developer", experience: 23, skill: 0.0, salary: 119600},
{position: "Developer", experience: 23, skill: 0.5, salary: 124800},
{position: "Developer", experience: 23, skill: 1.0, salary: 130300},
{position: "Developer", experience: 23, skill: 1.5, salary: 136000},
{position: "Developer", experience: 23, skill: 2.0, salary: 142000},
{position: "Developer", experience: 23, skill: 2.5, salary: 148300},
{position: "Developer", experience: 23, skill: 3.0, salary: 154800},
{position: "Developer", experience: 23, skill: 3.5, salary: 161600},
{position: "Developer", experience: 23, skill: 4.0, salary: 168800},
{position: "Developer", experience: 23, skill: 4.5, salary: 176200},
{position: "Developer", experience: 23, skill: 5.0, salary: 183900},
{position: "Developer", experience: 24, skill: 0.0, salary: 120900},
{position: "Developer", experience: 24, skill: 0.5, salary: 126200},
{position: "Developer", experience: 24, skill: 1.0, salary: 131800},
{position: "Developer", experience: 24, skill: 1.5, salary: 137600},
{position: "Developer", experience: 24, skill: 2.0, salary: 143600},
{position: "Developer", experience: 24, skill: 2.5, salary: 150000},
{position: "Developer", experience: 24, skill: 3.0, salary: 156600},
{position: "Developer", experience: 24, skill: 3.5, salary: 163500},
{position: "Developer", experience: 24, skill: 4.0, salary: 170700},
{position: "Developer", experience: 24, skill: 4.5, salary: 178200},
{position: "Developer", experience: 24, skill: 5.0, salary: 186000},
{position: "Developer", experience: 25, skill: 0.0, salary: 122200},
{position: "Developer", experience: 25, skill: 0.5, salary: 127600},
{position: "Developer", experience: 25, skill: 1.0, salary: 133300},
{position: "Developer", experience: 25, skill: 1.5, salary: 139100},
{position: "Developer", experience: 25, skill: 2.0, salary: 145200},
{position: "Developer", experience: 25, skill: 2.5, salary: 151600},
{position: "Developer", experience: 25, skill: 3.0, salary: 158300},
{position: "Developer", experience: 25, skill: 3.5, salary: 165300},
{position: "Developer", experience: 25, skill: 4.0, salary: 172600},
{position: "Developer", experience: 25, skill: 4.5, salary: 180200},
{position: "Developer", experience: 25, skill: 5.0, salary: 188100},
{position: "Developer", experience: 26, skill: 0.0, salary: 123600},
{position: "Developer", experience: 26, skill: 0.5, salary: 129000},
{position: "Developer", experience: 26, skill: 1.0, salary: 134700},
{position: "Developer", experience: 26, skill: 1.5, salary: 140700},
{position: "Developer", experience: 26, skill: 2.0, salary: 146800},
{position: "Developer", experience: 26, skill: 2.5, salary: 153300},
{position: "Developer", experience: 26, skill: 3.0, salary: 160100},
{position: "Developer", experience: 26, skill: 3.5, salary: 167100},
{position: "Developer", experience: 26, skill: 4.0, salary: 174500},
{position: "Developer", experience: 26, skill: 4.5, salary: 182200},
{position: "Developer", experience: 26, skill: 5.0, salary: 190200},
{position: "Developer", experience: 27, skill: 0.0, salary: 125000},
{position: "Developer", experience: 27, skill: 0.5, salary: 130500},
{position: "Developer", experience: 27, skill: 1.0, salary: 136200},
{position: "Developer", experience: 27, skill: 1.5, salary: 142200},
{position: "Developer", experience: 27, skill: 2.0, salary: 148500},
{position: "Developer", experience: 27, skill: 2.5, salary: 155000},
{position: "Developer", experience: 27, skill: 3.0, salary: 161800},
{position: "Developer", experience: 27, skill: 3.5, salary: 168900},
{position: "Developer", experience: 27, skill: 4.0, salary: 176400},
{position: "Developer", experience: 27, skill: 4.5, salary: 184100},
{position: "Developer", experience: 27, skill: 5.0, salary: 192300},
{position: "Developer", experience: 28, skill: 0.0, salary: 126300},
{position: "Developer", experience: 28, skill: 0.5, salary: 131900},
{position: "Developer", experience: 28, skill: 1.0, salary: 137700},
{position: "Developer", experience: 28, skill: 1.5, salary: 143700},
{position: "Developer", experience: 28, skill: 2.0, salary: 150100},
{position: "Developer", experience: 28, skill: 2.5, salary: 156700},
{position: "Developer", experience: 28, skill: 3.0, salary: 163600},
{position: "Developer", experience: 28, skill: 3.5, salary: 170800},
{position: "Developer", experience: 28, skill: 4.0, salary: 178300},
{position: "Developer", experience: 28, skill: 4.5, salary: 186100},
{position: "Developer", experience: 28, skill: 5.0, salary: 194300},
{position: "Developer", experience: 29, skill: 0.0, salary: 127600},
{position: "Developer", experience: 29, skill: 0.5, salary: 133300},
{position: "Developer", experience: 29, skill: 1.0, salary: 139100},
{position: "Developer", experience: 29, skill: 1.5, salary: 145300},
{position: "Developer", experience: 29, skill: 2.0, salary: 151700},
{position: "Developer", experience: 29, skill: 2.5, salary: 158300},
{position: "Developer", experience: 29, skill: 3.0, salary: 165300},
{position: "Developer", experience: 29, skill: 3.5, salary: 172600},
{position: "Developer", experience: 29, skill: 4.0, salary: 180200},
{position: "Developer", experience: 29, skill: 4.5, salary: 188100},
{position: "Developer", experience: 29, skill: 5.0, salary: 196400},
{position: "Developer", experience: 30, skill: 0.0, salary: 129000},
{position: "Developer", experience: 30, skill: 0.5, salary: 134700},
{position: "Developer", experience: 30, skill: 1.0, salary: 140600},
{position: "Developer", experience: 30, skill: 1.5, salary: 146800},
{position: "Developer", experience: 30, skill: 2.0, salary: 153300},
{position: "Developer", experience: 30, skill: 2.5, salary: 160000},
{position: "Developer", experience: 30, skill: 3.0, salary: 167100},
{position: "Developer", experience: 30, skill: 3.5, salary: 174400},
{position: "Developer", experience: 30, skill: 4.0, salary: 182100},
{position: "Developer", experience: 30, skill: 4.5, salary: 190100},
{position: "Developer", experience: 30, skill: 5.0, salary: 198500},
{position: "Developer", experience: 31, skill: 0.0, salary: 130400},
{position: "Developer", experience: 31, skill: 0.5, salary: 136100},
{position: "Developer", experience: 31, skill: 1.0, salary: 142100},
{position: "Developer", experience: 31, skill: 1.5, salary: 148300},
{position: "Developer", experience: 31, skill: 2.0, salary: 154900},
{position: "Developer", experience: 31, skill: 2.5, salary: 161700},
{position: "Developer", experience: 31, skill: 3.0, salary: 168800},
{position: "Developer", experience: 31, skill: 3.5, salary: 176200},
{position: "Developer", experience: 31, skill: 4.0, salary: 184000},
{position: "Developer", experience: 31, skill: 4.5, salary: 192100},
{position: "Developer", experience: 31, skill: 5.0, salary: 200600},
{position: "Developer", experience: 32, skill: 0.0, salary: 131700},
{position: "Developer", experience: 32, skill: 0.5, salary: 137500},
{position: "Developer", experience: 32, skill: 1.0, salary: 143600},
{position: "Developer", experience: 32, skill: 1.5, salary: 149900},
{position: "Developer", experience: 32, skill: 2.0, salary: 156500},
{position: "Developer", experience: 32, skill: 2.5, salary: 163400},
{position: "Developer", experience: 32, skill: 3.0, salary: 170600},
{position: "Developer", experience: 32, skill: 3.5, salary: 178100},
{position: "Developer", experience: 32, skill: 4.0, salary: 185900},
{position: "Developer", experience: 32, skill: 4.5, salary: 194100},
{position: "Developer", experience: 32, skill: 5.0, salary: 202600},
{position: "Developer", experience: 33, skill: 0.0, salary: 133000},
{position: "Developer", experience: 33, skill: 0.5, salary: 138900},
{position: "Developer", experience: 33, skill: 1.0, salary: 145000},
{position: "Developer", experience: 33, skill: 1.5, salary: 151400},
{position: "Developer", experience: 33, skill: 2.0, salary: 158100},
{position: "Developer", experience: 33, skill: 2.5, salary: 165000},
{position: "Developer", experience: 33, skill: 3.0, salary: 172300},
{position: "Developer", experience: 33, skill: 3.5, salary: 179900},
{position: "Developer", experience: 33, skill: 4.0, salary: 187800},
{position: "Developer", experience: 33, skill: 4.5, salary: 196100},
{position: "Developer", experience: 33, skill: 5.0, salary: 204700},
{position: "Developer", experience: 34, skill: 0.0, salary: 134400},
{position: "Developer", experience: 34, skill: 0.5, salary: 140300},
{position: "Developer", experience: 34, skill: 1.0, salary: 146500},
{position: "Developer", experience: 34, skill: 1.5, salary: 152900},
{position: "Developer", experience: 34, skill: 2.0, salary: 159700},
{position: "Developer", experience: 34, skill: 2.5, salary: 166700},
{position: "Developer", experience: 34, skill: 3.0, salary: 174100},
{position: "Developer", experience: 34, skill: 3.5, salary: 181700},
{position: "Developer", experience: 34, skill: 4.0, salary: 189700},
{position: "Developer", experience: 34, skill: 4.5, salary: 198100},
{position: "Developer", experience: 34, skill: 5.0, salary: 206800},
{position: "Developer", experience: 35, skill: 0.0, salary: 135800},
{position: "Developer", experience: 35, skill: 0.5, salary: 141700},
{position: "Developer", experience: 35, skill: 1.0, salary: 148000},
{position: "Developer", experience: 35, skill: 1.5, salary: 154500},
{position: "Developer", experience: 35, skill: 2.0, salary: 161300},
{position: "Developer", experience: 35, skill: 2.5, salary: 168400},
{position: "Developer", experience: 35, skill: 3.0, salary: 175800},
{position: "Developer", experience: 35, skill: 3.5, salary: 183500},
{position: "Developer", experience: 35, skill: 4.0, salary: 191600},
{position: "Developer", experience: 35, skill: 4.5, salary: 200100},
{position: "Developer", experience: 35, skill: 5.0, salary: 208900},
{position: "Developer", experience: 36, skill: 0.0, salary: 137100},
{position: "Developer", experience: 36, skill: 0.5, salary: 143100},
{position: "Developer", experience: 36, skill: 1.0, salary: 149400},
{position: "Developer", experience: 36, skill: 1.5, salary: 156000},
{position: "Developer", experience: 36, skill: 2.0, salary: 162900},
{position: "Developer", experience: 36, skill: 2.5, salary: 170100},
{position: "Developer", experience: 36, skill: 3.0, salary: 177500},
{position: "Developer", experience: 36, skill: 3.5, salary: 185400},
{position: "Developer", experience: 36, skill: 4.0, salary: 193500},
{position: "Developer", experience: 36, skill: 4.5, salary: 202000},
{position: "Developer", experience: 36, skill: 5.0, salary: 210900},
{position: "Developer", experience: 37, skill: 0.0, salary: 138400},
{position: "Developer", experience: 37, skill: 0.5, salary: 144500},
{position: "Developer", experience: 37, skill: 1.0, salary: 150900},
{position: "Developer", experience: 37, skill: 1.5, salary: 157600},
{position: "Developer", experience: 37, skill: 2.0, salary: 164500},
{position: "Developer", experience: 37, skill: 2.5, salary: 171700},
{position: "Developer", experience: 37, skill: 3.0, salary: 179300},
{position: "Developer", experience: 37, skill: 3.5, salary: 187200},
{position: "Developer", experience: 37, skill: 4.0, salary: 195400},
{position: "Developer", experience: 37, skill: 4.5, salary: 204000},
{position: "Developer", experience: 37, skill: 5.0, salary: 213000},
{position: "Developer", experience: 38, skill: 0.0, salary: 139800},
{position: "Developer", experience: 38, skill: 0.5, salary: 146000},
{position: "Developer", experience: 38, skill: 1.0, salary: 152400},
{position: "Developer", experience: 38, skill: 1.5, salary: 159100},
{position: "Developer", experience: 38, skill: 2.0, salary: 166100},
{position: "Developer", experience: 38, skill: 2.5, salary: 173400},
{position: "Developer", experience: 38, skill: 3.0, salary: 181000},
{position: "Developer", experience: 38, skill: 3.5, salary: 189000},
{position: "Developer", experience: 38, skill: 4.0, salary: 197300},
{position: "Developer", experience: 38, skill: 4.5, salary: 206000},
{position: "Developer", experience: 38, skill: 5.0, salary: 215100},
{position: "Developer", experience: 39, skill: 0.0, salary: 141200},
{position: "Developer", experience: 39, skill: 0.5, salary: 147400},
{position: "Developer", experience: 39, skill: 1.0, salary: 153900},
{position: "Developer", experience: 39, skill: 1.5, salary: 160600},
{position: "Developer", experience: 39, skill: 2.0, salary: 167700},
{position: "Developer", experience: 39, skill: 2.5, salary: 175100},
{position: "Developer", experience: 39, skill: 3.0, salary: 182800},
{position: "Developer", experience: 39, skill: 3.5, salary: 190800},
{position: "Developer", experience: 39, skill: 4.0, salary: 199200},
{position: "Developer", experience: 39, skill: 4.5, salary: 208000},
{position: "Developer", experience: 39, skill: 5.0, salary: 217200},
{position: "Developer", experience: 40, skill: 0.0, salary: 142500},
{position: "Developer", experience: 40, skill: 0.5, salary: 148800},
{position: "Developer", experience: 40, skill: 1.0, salary: 155300},
{position: "Developer", experience: 40, skill: 1.5, salary: 162200},
{position: "Developer", experience: 40, skill: 2.0, salary: 169300},
{position: "Developer", experience: 40, skill: 2.5, salary: 176800},
{position: "Developer", experience: 40, skill: 3.0, salary: 184500},
{position: "Developer", experience: 40, skill: 3.5, salary: 192700},
{position: "Developer", experience: 40, skill: 4.0, salary: 201200},
{position: "Developer", experience: 40, skill: 4.5, salary: 210000},
{position: "Developer", experience: 40, skill: 5.0, salary: 219300}]

  // Called when the Visualization API is loaded.
  function drawVisualization() {
    // Create and populate a data table.
    var set = new vis.DataSet();
    for (var i = 0; i < data.length; i++) {
      var x = parseInt(data[i].experience);
      var y = parseFloat(data[i].skill);
      var z = parseInt(data[i].salary);
          set.add({
		          x: x,
		          y: y,
		          z: z
		      });
    }

    // specify options
    var options = {
      width:  '1000px',
      height: '500px',
      style: 'surface',
//      zMax: '200',
//      zMin: '8',
//      xStep: 1,
//      xMin: 0,
//      xMax: 40,
//      yStep: 0.5,
//      zStep: 1000,
//      xCenter: '50%',
  //    yCenter: '30%',
    //  showPerspective: true,
//      showGrid: true,
//      showShadow: false,
//      keepAspectRatio: true,
//      verticalRatio: 1
    };

    // create a graph3d
    var container = document.getElementById('mygraph');
    graph3d = new vis.Graph3d(container, set, options);
    var pos = {horizontal: 1, vertical: 0.5, distance: 2};
    graph3d.setCameraPosition(pos);
  }
            
          
!
999px
🕑 One or more of the npm packages you are using needs to be built. You're the first person to ever need it! We're building it right now and your preview will start updating again when it's ready.

Console