Skip to content

Instantly share code, notes, and snippets.

@lornajane
Created December 6, 2013 12:24
Show Gist options
  • Save lornajane/4e51a76847e9ac9a75eb to your computer and use it in GitHub Desktop.
Save lornajane/4e51a76847e9ac9a75eb to your computer and use it in GitHub Desktop.
<script src="http://d3js.org/d3.v3.min.js"></script>
<script src="http://dimplejs.org/dist/dimple.v1.1.2.min.js"></script>
<div id="fansChartContainer">
<script type="text/javascript">
var svg = dimple.newSvg("#fansChartContainer", 600, 1200);
var data = [{"team_id":"1","name":"Accrington Stanley","users":"2"},{"team_id":"2","name":"AFC Wimbledon","users":"4"},{"team_id":"3","name":"Arsenal","users":"1"},{"team_id":"4","name":"Aston Villa","users":"2"},{"team_id":"5","name":"Barnsley","users":"2"},{"team_id":"6","name":"Birmingham City","users":"1"},{"team_id":"7","name":"Blackburn Rovers","users":"0"},{"team_id":"8","name":"Blackpool","users":"0"},{"team_id":"9","name":"Bolton Wanderers","users":"0"},{"team_id":"10","name":"Bournemouth","users":"1"},{"team_id":"11","name":"Bradford City","users":"1"},{"team_id":"14","name":"Bristol City","users":"1"},{"team_id":"15","name":"Bristol Rovers","users":"0"},{"team_id":"16","name":"Burnley","users":"0"},{"team_id":"17","name":"Burton Albion","users":"0"},{"team_id":"18","name":"Bury","users":"0"},{"team_id":"19","name":"Cardiff City","users":"0"},{"team_id":"20","name":"Carlisle United","users":"0"},{"team_id":"21","name":"Charlton Athletic","users":"1"},{"team_id":"22","name":"Chelsea","users":"2"},{"team_id":"23","name":"Cheltenham Town","users":"1"},{"team_id":"24","name":"Chesterfield","users":"1"},{"team_id":"25","name":"Colchester United","users":"0"},{"team_id":"26","name":"Coventry City","users":"0"},{"team_id":"27","name":"Crawley Town","users":"0"},{"team_id":"28","name":"Crewe Alexandra","users":"0"},{"team_id":"31","name":"Derby County","users":"0"},{"team_id":"32","name":"Doncaster Rovers","users":"0"},{"team_id":"33","name":"Everton","users":"0"},{"team_id":"34","name":"Exeter City","users":"0"},{"team_id":"35","name":"Fleetwood Town","users":"0"},{"team_id":"36","name":"Fulham","users":"0"},{"team_id":"37","name":"Gillingham","users":"0"},{"team_id":"38","name":"Hartlepool United","users":"0"},{"team_id":"39","name":"Huddersfield Town","users":"0"},{"team_id":"40","name":"Hull City","users":"0"},{"team_id":"41","name":"Ipswich Town","users":"0"},{"team_id":"42","name":"Leeds United","users":"0"},{"team_id":"43","name":"Leicester City","users":"0"},{"team_id":"44","name":"Leyton Orient","users":"0"},{"team_id":"49","name":"Middlesbrough","users":"0"},{"team_id":"50","name":"Millwall","users":"0"},{"team_id":"51","name":"Milton Keynes Dons","users":"0"},{"team_id":"52","name":"Morecambe","users":"0"},{"team_id":"53","name":"Newcastle United","users":"0"},{"team_id":"54","name":"Newport County","users":"0"},{"team_id":"55","name":"Northampton Town","users":"0"},{"team_id":"56","name":"Norwich City","users":"1"},{"team_id":"57","name":"Nottingham Forest","users":"0"},{"team_id":"68","name":"Rochdale","users":"0"},{"team_id":"69","name":"Rotherham United","users":"0"},{"team_id":"70","name":"Scunthorpe United","users":"0"},{"team_id":"71","name":"Sheffield United","users":"0"},{"team_id":"72","name":"Sheffield Wednesday","users":"0"},{"team_id":"73","name":"Shrewsbury Town","users":"0"},{"team_id":"74","name":"Southampton","users":"0"},{"team_id":"75","name":"Southend United","users":"0"},{"team_id":"76","name":"Stevenage","users":"0"},{"team_id":"77","name":"Stoke City","users":"0"},{"team_id":"78","name":"Sunderland","users":"0"},{"team_id":"79","name":"Swansea City","users":"0"},{"team_id":"80","name":"Swindon Town","users":"0"},{"team_id":"81","name":"Torquay United","users":"0"},{"team_id":"82","name":"Tottenham Hotspur","users":"0"},{"team_id":"83","name":"Tranmere Rovers","users":"0"},{"team_id":"84","name":"Walsall","users":"0"},{"team_id":"85","name":"Watford","users":"0"},{"team_id":"86","name":"West Bromich Albion","users":"0"},{"team_id":"87","name":"West Ham United","users":"0"},{"team_id":"88","name":"Wigan Athletic","users":"0"},{"team_id":"89","name":"Wolverhampton Wanderers","users":"0"},{"team_id":"90","name":"Wycombe Wanderers","users":"1"},{"team_id":"91","name":"Yeovil Town","users":"0"},{"team_id":"92","name":"York City","users":"0"}];
var myChart = new dimple.chart(svg, data);
myChart.setMargins(250,50,50,50);
myChart.defaultColors = [
new dimple.color("#61a82a")
];
myChart.addMeasureAxis("x", "users");
var y = myChart.addCategoryAxis("y", "name");
y.addOrderRule("users");
var s = myChart.addSeries(null, dimple.plot.bar);
myChart.draw();
svg.selectAll("text")
.style("font-size", "12px");
</script>
</div>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment