Skip to content

Instantly share code, notes, and snippets.

@zaknbur
zaknbur / .block
Created August 17, 2019 21:54 — forked from mbostock/.block
Heatmap
license: gpl-3.0
height: 673
@zaknbur
zaknbur / .block
Created July 17, 2019 12:24
3d barchart created with d3-3d
license: gpl-3.0
@zaknbur
zaknbur / .block
Created July 17, 2019 12:21 — forked from Fil/.block
Scatterplot Matrix Brushing d3v4
license: gpl-3.0
border: no
height: 960
@zaknbur
zaknbur / .block
Created July 17, 2019 12:00 — forked from mbostock/.block
Scatterplot Matrix
license: gpl-3.0
border: no
height: 960
redirect: https://observablehq.com/@d3/scatterplot-matrix
@zaknbur
zaknbur / .block
Created July 17, 2019 11:56 — forked from mbostock/.block
Scatterplot Matrix Brushing
license: gpl-3.0
border: no
height: 960
redirect: https://observablehq.com/@d3/brushable-scatterplot-matrix
@zaknbur
zaknbur / barchart.html
Last active June 19, 2019 21:58
barchart
<!DOCTYPE html>
<meta charset="utf-8">
<style> /* set the CSS */
rect.bar { fill: steelblue; }
</style>
<body>
<!-- load the d3.js library -->
@zaknbur
zaknbur / README.md
Created June 8, 2019 20:34 — forked from ndarville/README.md
From CSV to HTML table (Simple)

This code generates an HTML table based from a CSV file. This is from the tutorial by Christophe Viau.

In trying his code example, I discovered that the code doesn't work as-is, so I figured others might like to see a working d3.js example that did not rely on a pre-existing container HTML element.

The code remains the same except for some cosmetic tweaks.

The task of writing the CSS is left as an exercise for the reader.

@zaknbur
zaknbur / README.md
Last active June 8, 2019 20:32
Russian drill data Manganese in Morocco as draped surface - (in-line JSON)

Manganese drill results for concession in Morocco - draped surface using - (in-line JSON)

@zaknbur
zaknbur / index.html
Last active June 6, 2019 17:33
Russian Manganese drill data in 3D - Tasdremt
<!DOCTYPE html>
<html>
<head>
<script src="https://d3js.org/d3.v5.min.js"></script>
<script src="https://x3dom.org/download/1.7.2/x3dom-full.js"></script>
<link rel="stylesheet" href="https://x3dom.org/download/1.7.2/x3dom.css" />
<script src="https://raw.githack.com/jamesleesaunders/d3-x3dom/master/build/d3-x3dom.js"></script>
</head>
<title>3D representation of Mn data Maroc-Ruski as bar chart</title>
Eastings Northings Mn thickness
2065 7725 0.1
2165 7725 0
2265 7725 0.8
2265 7775 0.4
2265 7825 0
2365 7725 0
2365 7775 0.3
2365 7825 0
2365 7875 0.1