CDEdatablog CDEdata

This visualisation is based on Nick Strayer’s Block - Aster Plot http://bl.ocks.org/nstrayer/c6576b5b236f7f73cf8b

Download http://brackets.io / install and start Brackets
Create a new file, copy paste the index.html from below and save it as index.html
Create another new file, copy paste the example1.csv from below and save it as example1.csv in the same folder as you saved index.html before
Adjust the data in example1.csv for other projects

Description of example1.csv: "id", "order", defines the order in the circle, starting on the top right corner

This visualization is based on Mike Bostock example "Bullet Charts" http://bl.ocks.org/mbostock/4061961

First make sure that brackets is installed otherwise, download http://brackets.io / install and start Brackets
Create a new file, copy paste the index.html from below and save it as index.html
1. Create a new file, copy paste the bullet.js from below and save it as bullet.js
Create another new file, copy paste the bullets.json from below and save it as bullets.json in the same folder as you saved index.html and bullet.js before Adjust the data in bullets.json for other projects

For this visualisation you need three files

	<!DOCTYPE html>
	<meta charset="utf-8">
	<html>
	<head>
	<script src="http://d3js.org/d3.v3.min.js"></script>
	<script src="http://labratrevenge.com/d3-tip/javascripts/d3.tip.v0.6.3.js"></script>
	<style>
	body {
	font: 16px sans-serif;
	font-weight: bold;

	<!DOCTYPE html>
	<meta charset="utf-8">
	<html>
	<head>
	<script src="http://d3js.org/d3.v3.min.js"></script>
	<script src="http://labratrevenge.com/d3-tip/javascripts/d3.tip.v0.6.3.js"></script>
	<style>
	body {
	font: 16px sans-serif;
	font-weight: bold;

	<!DOCTYPE html>
	<meta charset="utf-8">
	<html>
	<head>
	<!--load javascript-->
	<script src="http://d3js.org/d3.v3.min.js"></script>
	<!--define the layout (CSS) you can also link to an external .css file-->
	<style>
	body {
	font: 16px sans-serif;