Skip to content

Instantly share code, notes, and snippets.

View osoken's full-sized avatar

Takeshi OSOEKAWA osoken

32 followers · 1 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 / event_time.tsv
Last active July 9, 2017 10:20
Zoomable area chart
We can make this file beautiful and searchable if this error is corrected: No tabs found in this TSV file in line 0.
time
Mon, 4 Aug 2014 00:53:14 -0700
Mon, 4 Aug 2014 05:03:29 -0700
Mon, 4 Aug 2014 05:47:47 -0700
Thu, 7 Aug 2014 03:27:17 -0700
Mon, 4 Aug 2014 05:33:01 -0700
Tue, 5 Aug 2014 01:27:39 -0700
Tue, 5 Aug 2014 00:44:15 -0700
Sun, 3 Aug 2014 22:42:41 -0700
Mon, 4 Aug 2014 16:35:18 -0700
@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 / 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 / downloadbtn.png
Last active March 20, 2016 07:15
Download as PNG
downloadbtn.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 / globe.png
Last active February 7, 2016 07:57
Drag and Drop GeoJson
globe.png
@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>