Navigation Menu

Skip to content

Instantly share code, notes, and snippets.

View FrieseWoudloper's full-sized avatar

Willy Tadema FrieseWoudloper

23 followers · 8 following
View GitHub Profile
@FrieseWoudloper
FrieseWoudloper / index.html
Created September 18, 2019 12:18
<!DOCTYPE html>
<script src="https://d3js.org/d3.v3.min.js"></script>
var width = 1200;
var height = 500;
var svg = d3.select("body").append("svg")
.attr('width', width)
.attr('height', height);
@FrieseWoudloper
FrieseWoudloper / index.html
Created September 14, 2019 18:44
scale 200
<!DOCTYPE html>
<script src="https://d3js.org/d3.v3.min.js"></script>
<div class="graph"></div>
<script>
var width = 960;
var height = 500;
var svg = d3.select("body").append("svg")
.attr('width', width)
.attr('height', height);
@FrieseWoudloper
FrieseWoudloper / index.html
Created September 14, 2019 18:38
stackoverflow suggestie
<!DOCTYPE html>
<script src="https://d3js.org/d3.v3.min.js"></script>
<div class="graph"></div>
<script>
var width = 960;
var height = 500;
var svg = d3.select("body").append("svg")
.attr('width', width)
.attr('height', height);
@FrieseWoudloper
FrieseWoudloper / index.html
Created September 14, 2019 15:57
arrondissementen in d3.js v3
<!DOCTYPE html>
<script src="https://d3js.org/d3.v3.min.js"></script>
<div class="graph"></div>
<script>
alert('test met scale=150');
var width = 960;
var height = 500;
var svg = d3.select("body").append("svg")
@FrieseWoudloper
FrieseWoudloper / index.html
Created September 14, 2019 15:54
test met scale 150
<!DOCTYPE html>
<script src="https://d3js.org/d3.v3.min.js"></script>
<div class="graph"></div>
<script>
alert('test met scale=150');
var width = 960;
var height = 500;
var svg = d3.select("body").append("svg")
@FrieseWoudloper
FrieseWoudloper / index.html
Created September 14, 2019 15:35
test met hogere scale factor
<!DOCTYPE html>
<script src="https://d3js.org/d3.v3.min.js"></script>
<div class="graph"></div>
<script>
alert('hello');
var width = 960;
var height = 500;
var svg = d3.select("body").append("svg")
@FrieseWoudloper
FrieseWoudloper / index.html
Last active September 14, 2019 15:46
Oefenen met scale
<!DOCTYPE html>
<script src="https://d3js.org/d3.v3.min.js"></script>
<div class="graph"></div>
<script>
alert('hello world, greetings from Willy');
var width = 960;
var height = 500;
var svg = d3.select("body").append("svg")
@FrieseWoudloper
FrieseWoudloper / index.html
Created September 14, 2019 15:15
Zonder turf in d3v3
<!DOCTYPE html>
<head>
<style>
path {
fill: #ccc;
stroke: #fff;
stroke-width: .5px;
}
path:hover {
fill: orange;
@FrieseWoudloper
FrieseWoudloper / index.html
Created September 14, 2019 14:57
USA in v3
<!DOCTYPE html>
<script src="https://d3js.org/d3.v4.min.js"></script>
<div class="graph"></div>
<script>
var width = 700, height = 400;
var svg = d3.select(".graph").append("svg")
.attr("viewBox", "0 0 " + (width) + " " + (height))
.style("max-width", "700px");
var url = "https://gist.githubusercontent.com/michellechandra/0b2ce4923dc9b5809922/raw/a476b9098ba0244718b496697c5b350460d32f99/us-states.json";
@FrieseWoudloper
FrieseWoudloper / index.html
Created September 14, 2019 14:35
ZONDER FITSIZE
<!DOCTYPE html>
<script src="https://d3js.org/d3.v4.min.js"></script>
<div class="graph"></div>
<script>
var width = 700, height = 400;
var svg = d3.select(".graph").append("svg")
.attr("viewBox", "0 0 " + (width) + " " + (height))
.style("max-width", "700px");
var url = "https://geodata.nationaalgeoregister.nl/cbsgebiedsindelingen/wfs?service=wfs&request=GetFeature&typeName=cbs_arrondissementsgebied_2019_gegeneraliseerd&outputFormat=json&srsName=EPSG:4326";