Skip to content

Instantly share code, notes, and snippets.

View And-How's full-sized avatar

And-How

3 followers · 3 following
View GitHub Profile
@And-How
And-How / index.html
Last active December 14, 2015 11:19
grouped to stacked bar chart modified from http://bl.ocks.org/3943967
<!DOCTYPE html>
<meta charset="utf-8">
<head>
<title>Stacked and Grouped Bar with Animation</title>
<!--modified from http://bl.ocks.org/3943967-->
<style>
body {
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
margin: auto;
@And-How
And-How / index.html
Last active December 14, 2015 12:18
control totals
<!DOCTYPE html>
<!--modified from bullet chart http://bl.ocks.org/mbostock/4061961-->
<meta charset="utf-8">
<style>
body {
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
margin: auto;
padding-top: 40px;
position: relative;
@And-How
And-How / index.html
Created March 6, 2013 23:56
percent axis transition
<!DOCTYPE html>
<meta charset="utf-8">
<style>
body {
font: 10px sans-serif;
}
.axis path,
.axis line {
@And-How
And-How / index.html
Last active December 16, 2015 19:09
bar stacked to grouped with negative numbers
<!DOCTYPE html>
<html>
<head>
<script src="http://mbostock.github.com/d3/d3.v2.js"></script>
<!--modified from https://groups.google.com/forum/#!msg/d3-js/gzSkw5skLXo/SKjMLwEeIsUJ-->
<title>barStack</title>
<style>
.axis text {
font: 10px sans-serif;
@And-How
And-How / index.html
Last active December 17, 2015 15:29
Working on Update/Refresh
<!DOCTYPE html>
<meta charset="utf-8">
<head>
<title>Fresh</title>
<style>
body {
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
margin: auto;
width: 960px;
@And-How
And-How / index.html
Last active December 17, 2015 16:20
Need help with Update/Refresh
<!DOCTYPE html>
<meta charset="utf-8">
<head>
<title>Stacked and Grouped Bar with Animation</title>
<!--modified from http://bl.ocks.org/3943967-->
<style>
body {
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
@And-How
And-How / index.html
Last active December 17, 2015 16:39
testing update with old chart
<!DOCTYPE html>
<meta charset="utf-8">
<head>
<title>Stacked and Grouped Bar with Animation</title>
<!--modified from http://bl.ocks.org/3943967-->
<style>
body {
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
margin: auto;
width: 960px;
@And-How
And-How / index.html
Created May 30, 2013 00:13
testing nvd3 http://jsfiddle.net/Goulu/HeqNk/
<!DOCTYPE html>
<html lang="en">
<head>
<link media="all" href="http://nvd3.org/src/nv.d3.css" type="text/css" rel="stylesheet" />
<script src="http://nvd3.org/lib/d3.v2.js" type="text/javascript"></script>
<script src="http://nvd3.org/nv.d3.js" type="text/javascript"></script>
</head>
<body>
<h3>lineChart</h3>
<div id="chart1"><svg></svg></div>
@And-How
And-How / index.html
Last active December 23, 2015 09:59
playing with leaflet at maptime stamen 9.18.13
<!DOCTYPE html>
<html>
<head>
<title>Maptime</title>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="../dist/leaflet.css" />
<!--[if lte IE 8]><link rel="stylesheet" href="../dist/leaflet.ie.css" /><![endif]-->
@And-How
And-How / index.html
Created October 10, 2013 16:56
testing vogb's layers control tilemill plugin
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<link rel="stylesheet"
href="http://cdn.leafletjs.com/leaflet-0.5.1/leaflet.css"/>
<link rel="stylesheet"
href="http://cdn.leafletjs.com/leaflet-0.5.1/leaflet.ie.css"/>
<style>
#map {