Skip to content

Instantly share code, notes, and snippets.

View amitkaps's full-sized avatar

Amit Kapoor amitkaps

556 followers · 33 following
View GitHub Profile
@amitkaps
amitkaps / Bar_svg.html
Last active October 6, 2015 03:53
Bar Chart - SVG
<!DOCTYPE html>
<svg class="chart" width="250" height="200" fill="brown" >
<rect x="0" y="0" width="50" height="25"></rect>
<rect x="0" y="30" width="250" height="25"></rect>
<rect x="0" y="60" width="150" height="25"></rect>
<rect x="0" y="90" width="200" height="25"></rect>
<rect x="0" y="120" width="100" height="25"></rect>
</svg>
@amitkaps
amitkaps / Bar_canvas.html
Last active October 6, 2015 03:59
<!DOCTYPE html>
<canvas id="chart" width="250" height="200"></canvas>
<script>
var data = [5, 25, 15, 20, 10];
var canvas = document.getElementById("chart");
var ctx = canvas.getContext("2d");
ctx.fillStyle = "brown";
for (i = 0; i < data.length; i++){
@amitkaps
amitkaps / Bar_javascript.html
Created October 5, 2015 20:42
<!DOCTYPE html>
<style>
#chart div {
background-color: brown;
height: 25px;
margin: 5px;
}
</style>
@amitkaps
amitkaps / Bar_d3js+html.html
Last active October 5, 2015 21:41
<!DOCTYPE html>
<script src="../lib/d3.min.js"></script>
<div id="chart"></div>
<script>
var data = [5, 25, 15, 20, 10];
d3.select("#chart")
@amitkaps
amitkaps / Bar_d3js+svg.html
Last active October 5, 2015 22:00
<!DOCTYPE html>
<script src="../lib/d3.min.js"></script>
<svg id="chart"></svg>
<script>
var data = [5, 25, 15, 20, 10];
@amitkaps
amitkaps / Bar_vegalite.html
Last active October 6, 2015 03:37
<!DOCTYPE html>
<script src="../lib/d3.min.js"></script>
<script src="../lib/vega1.5.js"></script>
<script src="../lib/vega-lite.js"></script>
<div id="chart"></div>
<script type="text/javascript">
@amitkaps
amitkaps / Bar_vega.html
Created October 6, 2015 03:54
<!DOCTYPE html>
<script src="../lib/d3.min.js"></script>
<script src="../lib/vega.min.js"></script>
<div id="chart"></div>
<script>
function parse(spec) {
vg.parse.spec(spec, function(chart) {
@amitkaps
amitkaps / gh-pages.md
Last active January 21, 2019 13:23
Keeping gh-pages and website/_site folder in sync for Jekyll

Keeping gh-pages in sync with master for Jekyll sites

You have one single repo (master) in which you have both project code (project) and the project website (website) which you want to push to gh-page. The directory structure looks like this.

-- project
	    |-- website 
	    |       |-- _layouts
	    |       |-- _includes
	    |       |-- _posts
@amitkaps
amitkaps / nbviewer.html
Last active August 15, 2016 14:29
For using nbviewer.js from https://github.com/kokes/nbviewer.js
<html lang="en">
<head>
<link rel='stylesheet' href='https://cdnjs.cloudflare.com/ajax/libs/prism/1.5.1/themes/prism.min.css'/>
<script src='https://cdnjs.cloudflare.com/ajax/libs/marked/0.3.6/marked.min.js'></script>
<script src='https://cdnjs.cloudflare.com/ajax/libs/prism/1.5.1/prism.min.js' data-manual></script>
<script src='https://cdnjs.cloudflare.com/ajax/libs/prism/1.5.1/components/prism-python.min.js' data-manual></script>
<script src="https://rawgit.com/kokes/nbviewer.js/master/lib/nbv.js"></script>
<link rel='stylesheet' src="https://rawgit.com/kokes/nbviewer.js/master/lib/nbv.css">
@amitkaps
amitkaps / gist:9411d2879ce3562a565fe10ae021771f
Created May 22, 2017 18:02
# Visdown
**Make visualisations using only markdown**
Write visualisation using a simple declarative markup like you would write code. Just wrap it in fenced block (three backticks) and mark the language as `vis`.
*Make simple static visualisations*
```vis
data: