stianSjoli’s gists

stianSjoli / index.html

Last active August 9, 2018 04:53

Norges største handelspartnere for import av varer. Informasjonen er hentet fra statistisk sentralbyrå (ssb), og er en reproduksjon av deres graf (url: https://www.ssb.no/nasjonalregnskap-og-konjunkturer/faktaside/norsk-okonomi).

	<!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>
	<link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=Open+Sans" />
	</head>
	<body>

stianSjoli / index.html

Last active August 12, 2018 10:15

Donut chart of perished big predators in Norway. From data, published 21th of June 2018, statistisk sentralbyrå

	<!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>
	<link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=Open+Sans" />
	<title>D3 V4 Playground</title>
	<style>
	text{

stianSjoli / index.html

Last active August 12, 2018 10:25

Bar chart of education in Norway. From "Befolkningens utdanningsnivå", published 8th of June 2018, statistisk sentralbyrå.

	<!DOCTYPE html>
	<html>
	<head>
	<meta charset="utf-8">
	<link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=Open+Sans" />
	<meta name="viewport" content="width=device-width">
	<script src="https://d3js.org/d3.v4.min.js"></script>
	<script src="https://d3js.org/d3-selection-multi.v1.min.js"></script>
	<title>JS Bin</title>
	</head>

stianSjoli / index.html

Last active August 12, 2018 10:33

Bruttonasjonalprodukt (BNP) for Norge. Årlig volumendring. 1972-2017. Data fra statistisk sentralbyrå (ssb). En gjenskapning av ssb sin graf (Url: https://www.ssb.no/nasjonalregnskap-og-konjunkturer/faktaside/norsk-okonomi)

	<!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>
	<link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=Open+Sans" />
	<title>D3 V4 Playground</title>
	<style>
	text{

stianSjoli / index.html

Last active August 27, 2018 21:22

Scatterplot av strømproduksjon og forbruk i Norge i perioden 1974 til 2012. Informasjonen er hentet fra http://statnett.no/Kraftsystemet/Data-fra-kraftsystemet/Nokkeltall-1974-2012/

	<!DOCTYPE html>
	<html>
	<head>
	<script src="https://d3js.org/d3.v5.min.js"></script>
	<meta charset=utf-8 />
	<body>

	<script id="jsbin-source-html" type="text/html"><!DOCTYPE html>
	<html>
	<head>

stianSjoli / index.html

Last active September 2, 2018 13:23

Timeline of export/import of electricity between Norway and other countries. Data taken from table in Nøkkeltall 1974-2012, published by Statnett. Url: http://statnett.no/Kraftsystemet/Data-fra-kraftsystemet/Nokkeltall-1974-2012/

	<!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>
	<link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=Open+Sans" />
	<style>
	text{
	font-family:"Open Sans"

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>

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 / 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 / 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>