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 / .DS_Store
Last active May 7, 2020 15:54
karen data
@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 April 5, 2018 15:42
audio-d3-test
<!DOCTYPE html>
<html>
<body>
<div class="post">
<div class="button-container">
<p>Pick a <a href="https://soundcloud.com/itsdalmac">dalmac</a> song. Then press play.</p>
<div class="button" id="song1">
<p>Feeling Nothing</p>
@jadiehm
jadiehm / index.html
Created November 14, 2017 22:04
Bubble world map with button transitions
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<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="https://d3js.org/d3.geo.projection.v0.min.js"></script>
<script type="text/javascript" src="http://d3js.org/topojson.v1.min.js"></script>
</head>
@jadiehm
jadiehm / app.js
Last active November 14, 2017 21:20
IN PROGRESS: Census API county mapper
/* CENSUS API NOTES
baseUrl: https://api.census.gov.data/
format: baseUrl/yearCollected/datasetName?get=NAME,tableName&for=geography*&key=apikey
*/
$(document).ready(function() {
var CONSTANTS = {
API_KEY: "6d83e90a07eca747afdf37e4c9e3c4e9fe4bd341",
BASE_URL: "https://api.census.gov/data/",
TABLE_KEY: [
@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 / index.html
Last active April 12, 2017 15:41
Small multiple bubble maps with tooltips
<!doctype html>
<html lang='en-GB'>
<head></head>
<style>
h3 {
font-family: sans-serif;
font-size: 22px;
font-weight: 700;
line-height: 26px;
margin: -5px 0 -5px 0;
@jadiehm
jadiehm / index.html
Created April 12, 2017 15:29
Bubble map with button transition
<!doctype html>
<html lang='en-GB'>
<head></head>
<style>
p {
font-family: sans-serif;
font-size: 14px;
}
/*template styles*/
.gia-chart-wrapper {
@jadiehm
jadiehm / index.html
Created April 12, 2017 15:20
Draggable force network diagram
<!doctype html>
<html lang='en-GB'>
<head></head>
<style>
p {
font-family: sans-serif;
font-size: 14px;
}
/*template styles*/
.gia-chart-wrapper {