Skip to content

Instantly share code, notes, and snippets.

Based on http://bl.ocks.org/mbostock/899711 which uses D3 to draw elements into a google maps overlay layer, but doesn't use d3.geo machinery to draw map geometry. This gist illustrates how to align a D3 mercator projection with google maps so we can do standard d3 mapping stuff on top of the google API.

//making bubble chart. circle= data of size.
symbols(teamvelocity$TotalPoints, teamvelocity$TotalDevs, circles=teamvelocity$Team, inches=0.35, fg="#00FFFF", ylab="Team Members", xlab="velocity", bg="#CCCCCC")
//show stacked two charts at the same time. layout() is the frame.
layout(matrix(1:2, nrow = 2))
par(mar = par("mar") * c(0.8,1,1,1))
boxplot(m$mortality, ylim=xr, horizontal = TRUE, xlab="mortality")
hist(m$mortality, ylit=xr)
//以下に永続的に値を適用する=par
//simplest making pointplot
ggplot(m,ase(x=ocean,y=mortality)) + geom_point()
//divide into color on barchart = geom_histogram(aes(fill=...))
g + geom_histogram(alpha=0.5, aes(fill=ocean))
// chack if I am on master branch, and hold commited things ahead of pushing.
git status
//clone URL
git@github.com:wantanmen/Electrophoresis.D3.git
//add
git add <file>
//commit
#1scrapy基本
--items.py でアイテムフィールドを設定する。今回はタイトルとリンク。
from scrapy.item import Item, Field
class CraigslistSampleItem(Item):
# define the fields for your item here like:
# name = Field()
title = Field()
link = Field()
@squarednob
squarednob / python unicode-csv
Created December 3, 2013 12:42
pythonで日本語csvを読み込む問題。
#1 日本語のcsvファイルを読み込むには、unicodecsvを使う。
#これはcsvを読み込むときにutf-8化した後、出力でunicode化してくれるもの。
#目的のcsvをメモ等などで、utf-8で保存した後、以下で読み込む。
import unicodecsv
f = open("utf30.csv","rb")
r = unicodecsv.reader(f, encoding='utf-8')
@squarednob
squarednob / Geocode
Last active December 30, 2015 04:39
座標情報取得
#1Get coorinate using pygeocoder and googlemap API throuth place data in Japaneese.
#pygeopicker.py
# -*- coding: utf-8 -*-
from pygeocoder import Geocoder
import unicodecsv
def pick(query):
print "start"
@squarednob
squarednob / Japan_geojson_index.html
Last active December 30, 2015 09:09 — forked from minikomi/index.html
Japan's geojson and D3 code.
<!DOCTYPE html>
<meta charset="utf-8">
<body>
<script src="http://d3js.org/d3.v2.min.js?2.10.0"></script>
<script>
var width = 960,
height = 700;
var svg = d3.select("body").append("svg")
@squarednob
squarednob / 1D3_shapes_snipets1
Last active December 30, 2015 09:59
1D3_shapes_snipets1 // #1 #2 map_change coordinates into x,y by projection([lon,lat]) ; #3 map_template ; #4 arcテンプレート ; #5 パイテンプレート ; #6 treeテンプレート 2D3_shapes_snipets2 // #1 パックテンプレート ; #2 パックjsonテンプレート; #3 バブルテンプレート ; #4 バブルjsonテンプレート #5 ラインテンプレート; #6 エリアテンプレート ; #7 シンボルテンプレート 3D3_forcelayout_template 4D3_forcelayout_json 5D3_display_utirity /…
#1
#2 map_change coordinates into x,y by projection([lon,lat])
var coordinates = projection([mylon, mylat]);
map.append('svg:circle')
.attr('cx', coordinates[0])
.attr('cy', coordinates[1])
.attr('r', 5);
#1 d3.csv to [{x:~},{y:~}]
var makeData = function(d,country){
var list = [];
d.forEach(function(datum){
var obj = {};
obj["x"]= parseInt(datum.id);
obj["y"] = parseInt(datum[country]);