mayblue9

An interactive version of a Reingold–Tilford tree. Click on the nodes to expand or collapse. From http://bl.ocks.org/mbostock/4339083

Added search, expand and styling of results and its ancestors. Visible from http://bl.ocks.org/PBrockmann/0f22818096428b12ea23

This example shows how to interact with D3.js to create a Bi-Directional Tree (a variation of robschmuecker@7880033)

The tree shows the dependencies related to D3 development:

The upward branches are the repos that D3 is dependent on, from a direct dependency to further parent files that these repos were dependent on.
The lower branches are repos that are dependent on D3, and the children files that are dependent on these repos.

The main logic to pull these dependencies and generating tree data is in [my GitHub repo] (https://github.com/shunpochang/d3tree/tree/master/get_tree_from_git), where package.json and bower.json files (to include both NPM and Bower installation) are crawled to get the top matching libraries.

Tree interaction and display:

To quickly unfold all branches, click on the label "Click to unfold/expand all" twice to first collapse and then expand, and refresh the browser if it does not work properly.

The PopCha! Movie Network

A visualization of similarity between movies by means of a network graph

Similarity data taken from [PopCha!] 1 recommender engine (R*)
Movie info from [The Movie Database] [3]
Visualization done in JavaScript with [D3.js] [2]

Liquid Fill Gauge v1.1 - 7/14/2015

Changes:

Added support for updating the gauge value after loading is complete. The loadLiquidFillGauge method now returns an object with an update method which allows the gauge value to be changed. Click any of the gauges above to randomly update their value.

Configurable features include:

Changeable min/max values.
All colors.

This as-simple-as-possible example tries to demonstrate Mike Bostock's pattern "Towards Reusable Charts" http://bost.ocks.org/mike/chart/ for d3 plugins that are composite shapes.

목적

생활 코딩: 생활코딩처럼 만들어 보는데 최대한 쉽게 만들기 위해서 정적 웹사이트를 구축
스포카처럼 댓글 시스템 넣기
댓글은 DISQUS
github로 push 권한만 주면 공동 작업 가능

Github를 이용한 개인 홈페이지 구축

Github를 이용한 개인 홈페이지 만들기

	<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
	"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

	<html xmlns="http://www.w3.org/1999/xhtml"
	xml:lang="en-US"
	lang="en-US">
	<head profile="http://www.w3.org/2005/10/profile">
	<title>My Force Directed Graph</title>
	<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
	<meta name="Description" content="This page tries to mix charts with html formatting and layout constructs." />

	import gensim
	import codecs
	from gensim.models import Word2Vec
	import json

	def export_to_file(path_to_model, output_file):
	output = codecs.open(output_file, 'w' , 'utf-8')
	model = Word2Vec.load_word2vec_format(path_to_model, binary=True)
	vocab = model.vocab
	for mid in vocab:

	<!DOCTYPE html>
	<html>
	<head>
	<title>Testing d3.js in Leaflet.js</title>

	<link rel="stylesheet" href="leaflet.css"></link>
	<script src="http://d3js.org/d3.v3.min.js"></script>
	<script src="http://cdn.leafletjs.com/leaflet-0.7.3/leaflet.js"></script>
	<style type="text/css">
	svg , g