Skip to content

Instantly share code, notes, and snippets.

View stianSjoli's full-sized avatar

stianSjoli

15 followers · 29 following
View GitHub Profile
@stianSjoli
stianSjoli / index.html
Created April 19, 2019 15:34
// source https://jsbin.com/paledas
<style>svg{width:100%;height:100%;margin:0px auto;}
path {
stroke: black;
stroke-width: 1px;
}
</style>
<body>
<script src="https://unpkg.com/d3@4"></script>
<script src="https://unpkg.com/topojson-client@3"></script>
@stianSjoli
stianSjoli / index.html
Created April 18, 2019 18:09
// source https://jsbin.com/paledas
<style>svg{width:100%;height:1000px;margin:0px auto;}
path {
stroke: black;
stroke-width: 1px;
}
</style>
<body>
<script src="https://unpkg.com/d3@4"></script>
<script src="https://unpkg.com/topojson-client@3"></script>
@stianSjoli
stianSjoli / index.html
Created April 15, 2019 16:14
JS Bin // source https://jsbin.com/belajoh
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<!--<script src="https://d3js.org/d3.v4.2.2.min.js"></script>-->
<script src="https://cdnjs.cloudflare.com/ajax/libs/d3/5.9.2/d3.min.js"></script>
<title>JS Bin</title>
<style>
input{
@stianSjoli
stianSjoli / index.html
Created March 18, 2019 21:08
JS Bin // source https://jsbin.com/belajoh
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<!--<script src="https://d3js.org/d3.v4.2.2.min.js"></script>-->
<script src="https://cdnjs.cloudflare.com/ajax/libs/d3/5.9.2/d3.min.js"></script>
<title>JS Bin</title>
<style>
</style>
@stianSjoli
stianSjoli / index.html
Last active March 17, 2019 22:16
Kundeandel fordelt på sektor. Tall tatt fra Bouvet Q3 2018.
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<script src="https://d3js.org/d3.v4.min.js"></script>
<title>JS Bin</title>
</head>
<body>
@stianSjoli
stianSjoli / index.html
Created March 3, 2019 23:33
// source https://jsbin.com/wegajok
<meta charset="utf-8">
<style>svg{width:100%;height:1000px;margin:0px auto;}
path {
stroke: white;
stroke-width: 1px;
}
</style>
<body>
<script src="https://unpkg.com/d3@4"></script>
@stianSjoli
stianSjoli / index.html
Last active February 17, 2019 21:10
Alberti cipher disk
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<script src="https://d3js.org/d3.v4.min.js"></script>
<title>JS Bin</title>
</head>
<body>
@stianSjoli
stianSjoli / index.html
Created November 4, 2018 12:12
// source https://jsbin.com/doqakeg
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<script src="https://d3js.org/d3.v4.min.js"></script>
</head>
<body>
@stianSjoli
stianSjoli / index.html
Last active October 21, 2018 17:05
Scatterplot av humane-gener mot totalt antall basepar for de 23 kromosomene. Dataene er hentet fra første tabell i https://en.wikipedia.org/wiki/Chromosome.
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<script src="https://d3js.org/d3.v5.min.js"></script>
</head>
<body>
@stianSjoli
stianSjoli / index.html
Created October 21, 2018 14:30
visualisering av 100 terningkast
<!DOCTYPE html>
<html>
<head>
<script src="https://d3js.org/d3.v4.min.js"></script>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
</head>
<body>