Yoshiya Hinosawa kt3k

TODO

🐆 some tasks
- 🐈 ▶️ buy milk @kt3k (due 2014/12/12) (25%)
- 🚀 🆕 build a rocket

Note:

| meaning

Enclosure diagrams use containment to represent the hierarchy. Although circle packing is not as space-efficient as a treemap, it better reveals the hierarchy. Implementation based on work by Jeff Heer. Data shows the Flare class hierarchy, also courtesy Jeff Heer.

See also this zoomable version.

Click on any package to zoom in or out. See also this static circle packing example.

This example pulls together various examples of work with trees in D3.js.

The panning functionality can certainly be improved in my opinion and I would be thrilled to see better solutions contributed.

One can do all manner of housekeeping or server related calls on the drop event to manage a remote tree dataset for example.

Dragging can be performed on any node other than root (flare). Dropping can be done on any node.

Panning can either be done by dragging an empty part of the SVG around or dragging a node towards an edge.

An interactive version of a Reingold–Tilford tree. Click on the nodes to expand or collapse.

	var wait = function (n) {
	return function () {
	return new Promise(function (resolve) {
	setTimeout(resolve, n);
	});
	};
	};

	$.fn.animation = function (animation) {
	this.css('-webkit-animation', '').reflow().css('-webkit-animation', animation);

	return this;
	};

	$.fn.reflow = function () {
	this[0].offsetWidth = this[0].offsetWidth;

	return this;

	- id: 0
	date: 2015-01-05
	name: 開業
	dr:
	預金: 2400
	cr:
	元入金: 2400

	- id: 1
	date: 2015-01-20