Skip to content

Instantly share code, notes, and snippets.

David Ollerhead oller

Block or report user

Report or block oller

Hide content and notifications from this user.

Learn more about blocking users

Contact Support about this user’s behavior.

Learn more about reporting abuse

Report abuse
View GitHub Profile
@oller
oller / vue-apollo.js
Created Apr 11, 2019
vue apollo config middleware link working for dynamic additional headers
View vue-apollo.js
import Vue from 'vue'
import VueApollo from 'vue-apollo'
import {
createApolloClient,
restartWebsockets
} from 'vue-cli-plugin-apollo/graphql-client'
import { setContext } from 'apollo-link-context'
import authConfig from '@/../auth_config.json'
const middlewareLink = setContext((_, { headers }) => {
@oller
oller / README.md
Last active Aug 10, 2017 — forked from kerryrodden/README.md
Zoomable sunburst with updating data
View README.md

I combined Mike Bostock's Zoomable Sunburst and Sunburst Partition examples, so that I could have both zooming and updating the underlying data (between count and size, in this case). A simple combination of the examples does not work; you have to edit the arcTween function used for updating the data, so that when it redraws the partition layout, it takes account of the current zoom level by adjusting the domain of the x scale.

Click on any arc to zoom in, and click on the center circle to zoom out. Use the Size/Count radio buttons to update the data.

@oller
oller / README.md
Last active Feb 1, 2017 — forked from jefffriesen/README.md
Chrome SVG Performance Regression
View README.md

An example of the Chrome performance regression handling complex SVGs

Steps to recreate

View d3-arc-path.js
var route = view.map.svg
.select(".transactions")
.append("path")
.datum({
type: "LineString",
coordinates: [routeCoords[0], routeCoords[1]]
})
.attr("class", "route")
.attr("d", view.map.path.projection(view.map.projection));
@oller
oller / index.html
Created Jan 22, 2016 — forked from d3noob/index.html
World Map with zoom and pan
View index.html
<!DOCTYPE html>
<meta charset="utf-8">
<style>
path {
stroke: white;
stroke-width: 0.25px;
fill: grey;
}
</style>
<body>
@oller
oller / gist:3bd30bc8ebd0b8bf25c9
Created Jul 14, 2015
Package Control.sublime-settings
View gist:3bd30bc8ebd0b8bf25c9
{
"in_process_packages":
[
],
"install_prereleases": true,
"installed_packages":
[
"Alignment",
"AngularJS",
"Autoprefixer",
@oller
oller / gist:f494de40e84d86a77247
Created Jul 14, 2015
Preferences.sublime-settings
View gist:f494de40e84d86a77247
{
"always_show_minimap_viewport": true,
"bold_folder_labels": true,
"caret_extra_width": 3,
"caret_style": "phase",
"close_windows_when_empty": false,
"color_scheme": "Packages/Material Theme/schemes/Material-Theme.tmTheme",
"copy_with_empty_selection": false,
"detect_slow_plugins": true,
"drag_text": false,
View gist:7c811b9422256592ef12
%btn--social {
border-width: 1px;
border-style: solid;
color: #FFFFFF;
&:hover {
color: #FFFFFF;
}
.socicon {
position: relative;
top: 1px;
View Night.tmTheme
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE plist PUBLIC "-//Apple//DTD PLIST 1.0//EN" "http://www.apple.com/DTDs/PropertyList-1.0.dtd">
<plist version="1.0">
<dict>
<key>name</key>
<string>IceWorld - Night</string>
<key>settings</key>
<array>
<dict>
<key>name</key>
You can’t perform that action at this time.