Recently I decided to give DimpleJS a try for the first time with hopes of creating something like this:
However, I seem to have run into some trouble. No matter what I do, nothing appears on the screen.
http://jsbin.com/xosehedejo/1/edit
window.onload = function() {
var data = [
{
x:-1,
y:3
}, {
x:2,
y:-1.5
}, {
x:5,
y:2.5
}
];
var svg = dimple.newSvg("#chartContainer", 590, 400);
var myChart = new dimple.chart(svg, data);
dimple.filterData(data);
myChart.addMeasureAxis("x");
myChart.addMeasureAxis("y");
myChart.draw();
};<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Test</title>
</head>
<body>
<div id="chartContainer"></div>
<script src="http://code.jquery.com/jquery-2.1.3.min.js"></script>
<script src="https://rawgit.com/mbostock/d3/master/d3.min.js"></script>
<script src="http://dimplejs.org/dist/dimple.v2.1.2.min.js"></script>
</body>
</html>