Skip to content

Instantly share code, notes, and snippets.

@Thanaporn-sk
Thanaporn-sk / .block
Created October 7, 2016 16:28
Internet vs. GDP
license: mit
@Thanaporn-sk
Thanaporn-sk / .block
Created October 7, 2016 16:29
Small Multiples with separate y-scales
license: mit
@Thanaporn-sk
Thanaporn-sk / .block
Created October 7, 2016 16:31
A fishbone editor
license: mit
@Thanaporn-sk
Thanaporn-sk / .block
Created October 7, 2016 16:32
Hamiltonian Graph Builder
license: mit
@Thanaporn-sk
Thanaporn-sk / .block
Created October 8, 2016 01:58
d3 | Force layout with images
license: mit
@Thanaporn-sk
Thanaporn-sk / .block
Created November 14, 2016 16:05
X-Value Mouseover with Droplines
license: gpl-3.0
@Thanaporn-sk
Thanaporn-sk / .block
Created November 14, 2016 16:10
horizontal boxplot
license: CC0-1.0
@Thanaporn-sk
Thanaporn-sk / .block
Created November 14, 2016 16:27
Reusable Bar Chart
license: mit
@Thanaporn-sk
Thanaporn-sk / index.html
Created November 15, 2016 02:02 — forked from ColinEberhardt/index.html
Yahoo Finance Chart Step 5 - Volume Chart
<!DOCTYPE html>
<html lang="en">
<head>
<script src="https://cdnjs.cloudflare.com/ajax/libs/d3/3.5.5/d3.min.js"></script>
<script src="http://colineberhardt.github.io/d3fc/Layout.js"></script>
<script src="http://colineberhardt.github.io/d3fc/d3fc.js"></script>
<link href="http://colineberhardt.github.io/d3fc/d3fc.css" rel="stylesheet"/>
<link href="style.css" rel="stylesheet"/>
</head>
<body>
@Thanaporn-sk
Thanaporn-sk / README.md
Created November 15, 2016 13:21 — forked from IPWright83/README.md
Freehand drawing

A simple freehand drawing application, based on Bostock's Line Drawing gist.

Use your stylus, fingers or mouse to draw. The color of the line can be changed by interacting with the color palette, and the canvas can be cleared by clicking the trash in the upper-right corner of the UI.

The application uses two stacked SVG elements, one for the UI and one for the canvas. This is used to disable drawing when interacting with UI elements.

Unlike Bostock's example, this application maintains a DOM-independent object to store all the drawing's data (just look at the JavaScript console each time you complete a line).

Colors are from Colorbrewer's Dark2 palette.