Skip to content

Instantly share code, notes, and snippets.

View osoken's full-sized avatar

Takeshi OSOEKAWA osoken

34 followers · 2 following
View GitHub Profile
@osoken
osoken / README.md
Last active May 28, 2018 13:39
See-Through Globe with Drop Shadow 2

See-Through Globe with Drop Shadow 2

@osoken
osoken / README.md
Last active April 24, 2018 15:06
See-Through Globe with Drop Shadow

See-Through Globe with Drop Shadow

@osoken
osoken / README.md
Last active August 8, 2016 14:29
inside-out Earth (smartphone recommended)

This sample listens deviceorientation event to change the angle of the view. Try it on devices with gyroscope.

I used Floating Landmasses as a reference for the appearance.

@osoken
osoken / README.md
Last active May 19, 2016 14:32
Points on the Globe
@osoken
osoken / globe.png
Last active February 7, 2016 07:57
Drag and Drop GeoJson
globe.png
@osoken
osoken / d3.radialline.js
Last active March 19, 2016 16:30
Radial line chart
!(function(d3)
{
var constant = function(d)
{
return function constant()
{
return d;
}
}
@osoken
osoken / index.html
Last active February 6, 2016 10:06
leaflet.js and d3.js example
<!DOCTYPE html>
<meta charset='utf-8'>
<script src='//d3js.org/d3.v3.min.js'></script>
<link rel='stylesheet' href='https://cdnjs.cloudflare.com/ajax/libs/leaflet/0.7.7/leaflet.css' />
<script src='https://cdnjs.cloudflare.com/ajax/libs/leaflet/0.7.7/leaflet.js'></script>
<body>
<div style='width:960px;height:500px'></div>
<script>
var map = new L.Map(d3.select('div').node()).setView([35.678707, 139.739143], 12);
var tile = L.tileLayer('http://{s}.tile.osm.org/{z}/{x}/{y}.png', {
@osoken
osoken / downloadbtn.png
Last active March 20, 2016 07:15
Download as PNG
downloadbtn.png
@osoken
osoken / data.csv
Last active May 10, 2017 16:55
Dot bar chart
year A B C D E F G
0 401 150 0 144 48 410 803
1 419 299 90 141 80 180 802
2 468 440 97 95 48 42 860
3 585 459 100 99 48 71 702
4 462 634 89 80 44 104 670
5 423 233 81 84 19 361 882
@osoken
osoken / index.html
Last active February 6, 2016 10:12
Input driven bar chart
<!DOCTYPE html>
<meta charset="utf-8">
<script src="//d3js.org/d3.v3.min.js"></script>
<body>
<div id='control' style='height:20px;border:0;padding:0;margin:0'>
<input type='text' style='width:640;height:18px;margin:0;padding:0;border:solid 1px'></input>
</div>
<div id='graph' style='height:480px;border:0;padding:0;margin:0'>
</div>
<script>