Skip to content

Instantly share code, notes, and snippets.

@CBasis
CBasis / .block
Last active October 28, 2019 11:02
Radial Dendrogram
license: gpl-3.0
border: no
height: 900
@CBasis
CBasis / .block
Created January 6, 2018 18:28
Tree diagram from csv using v4
license: mit
@CBasis
CBasis / .block
Last active January 3, 2018 13:28
Bubble Chart
license: gpl-3.0
height: 960
border: no
@CBasis
CBasis / .block
Created September 20, 2017 21:27
d3 | reusable heatmap calendar
license: mit
@CBasis
CBasis / data.csv
Created October 23, 2016 20:05 — forked from phoebebright/data.csv
D3 using nest on csv data
id name priority who time status
T-024 Organisation list in directory MUST Joe 5 Complete
T-015 Make term Commissions customisable MUST Natasha 6 Complete
T-016 Comments popup on select rates MUST Mike 3 In Progress
T-0169 Upgrade Centos Box MUST Joe 2 In Progress
T-013 Search in Documents on selected folder MUST Natasha 6 In Progress
T-014 Separate Document system for LA and Legals MUST Joe 9 In Progress
T-017 Demo of Look and Feel of Documents front end MUST Natasha 5 In Progress
T-021 Fix error where forum filename is greater than 100chars MUST Mike 4 Not Started
T-025 Fix admin so structure of categories displayed MUST Mike 2.5 Complete
@CBasis
CBasis / README.md
Last active May 20, 2016 17:03
SAPInsideTrackHistory (under constructions)

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.

@CBasis
CBasis / README.md
Last active May 20, 2016 21:28
AnimatedOpenSAPLines

This experiment makes the lines look like they are being drawn live (animated paths). What's really happening is a #FFF rect is drawn and it's width is manipulated, in the same way a curtain reveals the stage on Broadway. Built with D3.js.

forked from markmarkoh's block: AnimatedOpenSAPLines

@CBasis
CBasis / README.md
Last active May 2, 2016 15:09
fresh block
@CBasis
CBasis / README.md
Created May 2, 2016 14:07
SVG / d3 text transition

SVG / d3 text transition

This d3 demonstration creates a text element on a SVG canvas and adds a path and text path. These elements allow for the added text to "slide" out of view via the startOffset property. Click on the text above to see the result.

forked from jdittmar's block: SVG / d3 text transition

@CBasis
CBasis / README.md
Created May 2, 2016 12:31
Update d3.js data with button press