Skip to content

Instantly share code, notes, and snippets.

View katsumitakano's full-sized avatar
🏠
Working from home

Katsumi Takano katsumitakano

🏠
Working from home
9 followers · 13 following
  • Tokyo
View GitHub Profile
@katsumitakano
katsumitakano / index.html
Created July 19, 2020 04:08
JS Bin // source https://jsbin.com/jipeweg
<!DOCTYPE html>
<html>
<head>
<meta name="description" content="hogefuga code">
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title>JS Bin</title>
</head>
<body>
@katsumitakano
katsumitakano / index.html
Last active October 3, 2018 03:43
Japan Map [GeoJSON]
<!doctype html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<title>日本地図を描画する</title>
<script src="http://d3js.org/d3.v3.min.js"></script>
<script src="http://d3js.org/topojson.v0.min.js"></script>
</head>
<body>
@katsumitakano
katsumitakano / index.html
Created April 2, 2014 07:52
D3.js Easing Checker
<!doctype html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<title>Easing Test</title>
<script src="http://d3js.org/d3.v3.min.js" charset="utf-8"></script>
</head>
<body>
<script>
var dataset = ["linear", "quad", "cubic", "sin", "exp", "circle", "elastic", "back", "bounce"]
@katsumitakano
katsumitakano / index.html
Created April 20, 2014 10:42
Line Chart with Grid [D3]
<!doctype html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<title>Line Chart</title>
<style>
.axis path,
.axis line{
fill: none;
@katsumitakano
katsumitakano / index.html
Created January 27, 2014 12:01
tipsyTooltip
<!DOCTYPE html>
<html>
<head>
<title>Tooltipのテスト</title>
<script src="http://code.jquery.com/jquery-1.10.1.min.js"></script>
<script src="http://d3js.org/d3.v3.min.js" charset="utf-8"></script>
<script src="jquery.tipsy.js"></script>
<link href="tipsy.css" rel="stylesheet" />
</head>
<body>
@katsumitakano
katsumitakano / index.html
Created January 27, 2014 11:55
cssTooltip
<!DOCTYPE html>
<html>
<head>
<title>Tooltipのテスト</title>
<script src="http://code.jquery.com/jquery-1.10.1.min.js"></script>
<script src="http://d3js.org/d3.v3.min.js" charset="utf-8"></script>
<style type="text/css">
span#tooltip{
position: absolute;
z-index: 10;
@katsumitakano
katsumitakano / index.html
Created January 27, 2014 11:54
titleTooltip
<!DOCTYPE html>
<html>
<head>
<title>Tooltipのテスト</title>
<script src="http://code.jquery.com/jquery-1.10.1.min.js"></script>
<script src="http://d3js.org/d3.v3.min.js" charset="utf-8"></script>
</head>
<body>
<script>
// データの準備
@katsumitakano
katsumitakano / index.html
Last active January 4, 2016 03:19
D3.js non visible text
<!doctype html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<title>グラフを表示する</title>
<script src="http://code.jquery.com/jquery-1.10.1.min.js"></script>
<script src="http://d3js.org/d3.v3.min.js" charset="utf-8"></script>
<style type="text/css">
div.card{
@katsumitakano
katsumitakano / index.html
Last active January 4, 2016 03:19
D3.js visible text
<!doctype html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<title>グラフを表示する</title>
<script src="http://code.jquery.com/jquery-1.10.1.min.js"></script>
<script src="http://d3js.org/d3.v3.min.js" charset="utf-8"></script>
<style type="text/css">
div.card{
@katsumitakano
katsumitakano / index.html
Last active January 3, 2016 18:19
D3.jsのひな形
<!doctype html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<title>D3.jsのひな形</title>
<script src="http://d3js.org/d3.v3.min.js" charset="utf-8"></script>
</head>
<body>
<script>
// ここに処理を書く