Skip to content

Instantly share code, notes, and snippets.

@phoebebright
phoebebright / garden_amendments.html
Last active May 23, 2021 13:20
GardenAmendments
<html>
<head>
<script type="text/javascript" src="./tablesorter/js/jquery.tablesorter.js"></script>
<script type="text/javascript" src="./tablesorter/js/jquery.tablesorter.widgets.js"></script>
<style>
@phoebebright
phoebebright / index.html
Created July 18, 2018 10:14
Materialize AutoComplete with id
<div class="row">
<div class="col s12">
<div class="row">
<div class="input-field col s13">
<i class="material-icons prefix">textsms</i>
<input type="text" id="autocomplete" class="autocomplete" >
<label for="autocomplete">Autocomplete</label>
</div>
</div>
</div>
@phoebebright
phoebebright / admin.py
Last active August 15, 2016 14:01
Add a little bar chart to the admin list to show number of updates taken from reversion data
add field 'updates' to the end of list_display
eg.
class MyAdmin(reversion.VersionAdmin):
class Meta:
model = MyModel
list_display = ('framework_panel', 'level_of_court','seniority', 'updates')
@phoebebright
phoebebright / README.md
Created September 19, 2013 18:27 — forked from dwtkns/README.md

Faux-3d SVG globe using d3.geo.orthographic and a few radial gradients. Labels offset or hidden based on radians from current map center to enhance the effect.

Uncomment svg.append("g").attr("class","countries") for hover-able country outlines.

@phoebebright
phoebebright / index.html
Created September 19, 2013 10:24 — forked from johan/index.html
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8"/>
<title>d3.js Spinny Globe from Mike Bostock's SVG Open 2011 keynote</title>
<script src="http://mbostock.github.com/d3/d3.js"></script>
<script src="http://mbostock.github.com/d3/d3.geo.js"></script>
<link type="text/css" rel="stylesheet" href="http://mbostock.github.com/d3/talk/20111018/style.css"/>
<link type="text/css" rel="stylesheet" href="http://mbostock.github.com/d3/talk/20111018/colorbrewer/colorbrewer.css"/>
<style type="text/css">
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<link rel="stylesheet" href="style.css">
</head>
<body>
<svg id="defs">
<defs>
<linearGradient id="gradBlue" x1="0%" y1="0%" x2="100%" y2="0%">
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<link rel="stylesheet" href="style.css">
</head>
<body>
<svg id="defs">
<defs>
<linearGradient id="gradBlue" x1="0%" y1="0%" x2="100%" y2="0%">
@phoebebright
phoebebright / _.md
Last active December 14, 2015 12:28
sankey

A scatterplot using d3js. It maps social trust against ease of doing business in various countries. For tooltips, it makes use of Justin Donaldson's fork of the jQuery plugin tipsy. Data come from the Pew Global Attitudes project and the Doing Business rankings. For a live example see my post on it or http://bl.ocks.org/4481531

@phoebebright
phoebebright / _.md
Created January 4, 2013 11:44
Text transition counts up/down