Skip to content

Instantly share code, notes, and snippets.

View curran's full-sized avatar

Curran Kelleher curran

View GitHub Profile
@curran
curran / index.html
Last active January 31, 2016 02:35
Example histogram using pareto distribution.
<!DOCTYPE html>
<meta charset="utf-8">
<style>
body {
font: 10px sans-serif;
}
.bar rect {
fill: steelblue;
@curran
curran / README.md
Last active August 29, 2015 14:16
Data Canvas Part 1 - Data
@curran
curran / README.md
Last active August 29, 2015 14:16
Data Canvas Part 2 - Line Chart
@curran
curran / README.md
Last active August 29, 2015 14:16
Data Canvas Part 3 - Bar Chart
@curran
curran / README.md
Last active August 29, 2015 14:16
Picking N Colors Automatically

An experiment in automatically picking N distinct colors for visualizing N distinct categories.

The LAB Color Space was designed with perception in mind. This program has a background that has a fixed L (lightness), and varies the A and B opposing color components along X and Y.

LAB is supposed to be perceptually uniform, meaning that distances in LAB space should correspond to perceptual distances. The idea with this experiment is that in order to pick a set of colors that are distinct and perceptually equidistant, we can pick colors that are equidistant in LAB space. A simple approach to doing this is to select colors along a circle in (A, B) space with a fixed L. This is what the program is doing, varying the number of colors from 1 to 20.

If you want to try this out in your visualizations, copy and paste the generateColors function.

@curran
curran / README.md
Last active August 29, 2015 14:16
Data Canvas Part 4 - Colors
@curran
curran / README.md
Last active July 8, 2018 20:47
Reactive Flow Diagram
@curran
curran / README.md
Last active January 22, 2016 23:24
Scatter Plot

This program makes a scatter plot from Iris data set, showcasing how a single reusable visualization module can gracefully support optional visualization configuration properties like size and color.

Based on Data Canvas Part 3 - Bar Chart.

@curran
curran / README.md
Last active August 29, 2015 14:17
Scatter Plot Zooming

This program makes a scatter plot from Iris data set. Brushing in one plot zooms in the other.

@curran
curran / README.md
Last active August 29, 2015 14:17
Data Canvas Part 5 - More Data

This program fetches data from the Data Canvas - Sense Your City API.

It shows how the API can be accessed using async.js for asynchronous control flow. Data is fetched for each city separately, then combined, then output as CSV.

The API has a limitation of returning at most 1000 rows.