Skip to content

Instantly share code, notes, and snippets.

View powersparks's full-sized avatar

Harley Parks powersparks

View GitHub Profile
@powersparks
powersparks / index.html
Last active June 19, 2017 19:33
Ticks on the bottom or top for axisTop orientation in v4
<!DOCTYPE html>
<meta charset="utf-8">
<head>
<style>
body {
font: 10px sans-serif;
}
.axis path, .axis line {
@powersparks
powersparks / blog.svg
Last active March 22, 2017 23:05
This corrects the problem with d3.js axis clipping
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
@powersparks
powersparks / blog.svg
Last active March 18, 2017 16:43
d3 axis clipping works for circle, but not working for svg group element
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
@powersparks
powersparks / CoriaTimeFilter4.js
Last active April 6, 2017 00:14
The brush is over the data area, instead of the labels, while zoom and pan are over the labels, and over zoom bar area too.
/// <reference path="d3.js" />
/// <reference path="C:\Program Files\Telligent\9.2\Utility\JQuery\jquery.min.js" />
/// <reference path="C:\Program Files\Telligent\9.2\Utility\JQuery\evolution\telligent.evolution.js" />
var quakeResultsTemp ={
"type": "FeatureCollection",
"metadata": {
"generated": 1481433099000,
"url": "http://earthquake.usgs.gov/fdsnws/event/1/query?callback=quake321705&format=geojson&starttime=2014-01-01&endtime=2014-01-02",
"title": "USGS Earthquakes",
"status": 200,
@powersparks
powersparks / CoriaTimeFilter3.js
Last active March 13, 2017 16:45
Time Filter with zoom bar using the same chart class. Tick labels CSS makes the labels invisible on bar. Interaction with timeline background pans or zooms, interaction with the top of the filter allows moving it.
/// <reference path="d3.js" />
/// <reference path="C:\Program Files\Telligent\9.2\Utility\JQuery\jquery.min.js" />
/// <reference path="C:\Program Files\Telligent\9.2\Utility\JQuery\evolution\telligent.evolution.js" />
var quakeResultsTemp ={
"type": "FeatureCollection",
"metadata": {
"generated": 1481433099000,
"url": "http://earthquake.usgs.gov/fdsnws/event/1/query?callback=quake321705&format=geojson&starttime=2014-01-01&endtime=2014-01-02",
"title": "USGS Earthquakes",
"status": 200,
@powersparks
powersparks / blog.svg
Last active March 12, 2017 01:17
Brush first, Zoom same element - Brushing and Zoom works, but not Pan.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
@powersparks
powersparks / blog.svg
Last active March 12, 2017 01:21
Zoom first, and Brush on same element - Pan and Zoom works, but not brush
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
@powersparks
powersparks / index.html
Last active March 8, 2017 11:46
zooming & panning
<!DOCTYPE html>
<meta charset="utf-8">
<style>
.area { fill: steelblue; /* clip-path: url("/~powersparks/bz.html#clip");*/ }
.axis--grid .domain { fill: #ddd; stroke: none; }
.axis--grid .tick--minor line { stroke-opacity: .5; }
.axis--x .domain, .axis--grid .tick line { stroke: #333; }
.axis--x, .axis--y, .tick, .domain, .axis--grid .tick { shape-rendering: crispEdges; border: thin; border-color:black; }
@powersparks
powersparks / index.html
Last active January 15, 2017 21:45
AR GIS (Big Presentation Style)
<!DOCTYPE html><html><head><title></title><meta charset="utf-8" /><meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" /><style type='text/css'>
body {
font-family:'Helvetica';
letter-spacing:-5px;
background:#000;
background-size:100%;
color:#fff;
margin:0;
padding:0;
font-weight:bold;
@powersparks
powersparks / .block
Last active January 17, 2017 17:25
Canvas Globe
license: gpl-3.0