Skip to content

Instantly share code, notes, and snippets.

View jadiehm's full-sized avatar

Jan Diehm jadiehm

19 followers · 0 following
View GitHub Profile
@jadiehm
jadiehm / index.html
Created November 10, 2022 23:07
Rotating globe with markers
<html>
<head>
<script src="https://d3js.org/d3.v7.min.js"></script>
<script src="https://unpkg.com/topojson@3.0.2/dist/topojson.js"></script>
</head>
<script>
// globe configurations
const width = 1000;
const height = 500;
const config = {
@jadiehm
jadiehm / data.csv
Last active December 2, 2021 19:25
Choropleth U.S. county map
id name rate
6073 San Diego 5702
6019 Fresno 5294
42071 Lancaster 4009
6107 Tulare 3952
6099 Stanislaus 3532
6077 San Joaquin 3181
53077 Yakima 2989
47059 Greene 2952
41005 Clackamas 2842
@jadiehm
jadiehm / index.html
Last active November 9, 2020 18:16
Poverty rate by county
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Poverty Rate by County</title>
<script type="text/javascript" src="http://d3js.org/d3.v3.min.js"></script>
<script type="text/javascript" src="http://d3js.org/queue.v1.min.js"></script>
<script type="text/javascript" src="http://d3js.org/topojson.v1.min.js"></script>
</head>
@jadiehm
jadiehm / .DS_Store
Last active May 7, 2020 15:54
karen data
@jadiehm
jadiehm / index.html
Created March 2, 2016 20:03
New Hampshire Democratic results map
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>New Hampshire 2016</title>
<script type="text/javascript" src="http://d3js.org/d3.v3.min.js"></script>
<script type="text/javascript" src="http://d3js.org/queue.v1.min.js"></script>
<script type="text/javascript" src="http://d3js.org/topojson.v1.min.js"></script>
</head>
@jadiehm
jadiehm / coordinator_test.json
Created February 13, 2020 19:37
Coordinator test
{
"wordmark": [[479.59999084472656,36.5],[484.11289978027344,37.89320230484009],[487.2054138183594,41.464112281799316],[487.94786071777344,46.15485095977783],[485.95860290527344,50.454230308532715],[481.96319580078125,52.97871685028076],[477.2392578125,52.96358776092529],[473.2648162841797,50.415998458862305],[471.2893829345703,46.12892150878906],[471.99456787109375,41.464115142822266],[475.0870819091797,37.89320516586304],[470.90000915527344,59.90000057220459],[475.66001892089844,59.90000057220459],[480.42002868652344,59.90000057220459],[485.17999267578125,59.90000057220459],[487.7000274658203,62.139984130859375],[487.7000274658203,66.89998817443848],[487.7000274658203,71.65998649597168],[487.7000274658203,76.41999053955078],[487.7000274658203,81.17998886108398],[487.7000274658203,85.93999290466309],[487.7000274658203,90.69999694824219],[487.7000274658203,95.45999526977539],[487.7000274658203,100.2199935913086],[487.7000274658203,104.9799976348877],[487.7000274658203,109.7399959564209],[487.7000274658203,1
@jadiehm
jadiehm / index.html
Last active October 10, 2018 21:28
Strip or barcode plot
<!DOCTYPE html>
<meta charset="utf-8">
<style type="text/css">
/*chart styles*/
body {
font-family: sans-serif;
margin: 0;
}
.y.axis line {
@jadiehm
jadiehm / incomes.csv
Created October 7, 2015 20:05
Multiple line graphs
val cutoff year country
6910 cop5 1981 Australia
6864 cop5 1985 Australia
6555 cop5 1989 Australia
6551 cop5 1995 Australia
7002 cop5 2001 Australia
7090 cop5 2003 Australia
8818 cop5 1987 Austria
8744 cop5 1994 Austria
5813 cop5 1995 Austria
@jadiehm
jadiehm / barley2.csv
Created October 1, 2015 00:51
slopegraphMultiples
yield variety year site
27 Manchuria 1931 University Farm
48.86667 Manchuria 1931 Waseca
27.43334 Manchuria 1931 Morris
39.93333 Manchuria 1931 Crookston
32.96667 Manchuria 1931 Grand Rapids
28.96667 Manchuria 1931 Duluth
43.06666 Glabron 1931 University Farm
55.2 Glabron 1931 Waseca
28.76667 Glabron 1931 Morris
@jadiehm
jadiehm / index.html
Last active April 13, 2018 17:43
Responsive bar chart with multiple bars
<!DOCTYPE html>
<meta charset="utf-8">
<meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no, width=device-width">
<style type="text/css">
/*css to go here*/
body {
font-family: 'Proxima-Nova', sans-serif;
font-size: 12px;
}