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
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 April 16, 2014 08:10
Line Chart
<!doctype html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<title>Line Chart</title>
<style>
.axis path,
.axis line{
fill: none;
stroke: black;
@katsumitakano
katsumitakano / event.js
Last active August 29, 2015 13:58
CSS Kami Fubuki
$(function(){
var width = $(window).width();
// 定期的に紙吹雪を降らす
var create = function(){
var kami = $("<div>")
.addClass("kami")
.css("left", rand(width))
.css("background", color());
@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 March 29, 2014 13:20
Rotation Circle
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8" />
<title>Rotation Circle</title>
<link rel="stylesheet" href="style.css" />
</head>
<body>
<div id="wrapper">
<div class="circle-container">
@katsumitakano
katsumitakano / index.html
Created March 20, 2014 13:01
Force Layout 【Text】
<!doctype html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<title>force-layout</title>
<script src="http://d3js.org/d3.v3.min.js" charset="utf-8"></script>
<style>
.node {
font-size: 25px;
@katsumitakano
katsumitakano / index.html
Last active August 29, 2015 13:57
Force Layout
<!doctype html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<title>force-layout</title>
<script src="http://d3js.org/d3.v3.min.js" charset="utf-8"></script>
<style>
.node {
stroke: #fff;
@katsumitakano
katsumitakano / index.html
Created March 17, 2014 14:59
[CSS] 3D Cube
<!doctype html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<title>Cube</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<div class="cube-container">
<div class="cube">
@katsumitakano
katsumitakano / index.html
Last active August 29, 2015 13:57
Japan Map [TopoJSON]
<!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>