Skip to content

Instantly share code, notes, and snippets.

View jonmmease's full-sized avatar

Jon Mease jonmmease

View GitHub Profile
@jonmmease
jonmmease / data_uri_plotly.js
Created August 3, 2019 16:54
Plotly.js datauri example
This file has been truncated, but you can view the full file.
var source_ind = 0;
let sources = [
"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAA1IAAAI2CAIAAADVVi6oAAAKQ2lDQ1BJQ0MgcHJvZmlsZQAAeNqdU3dYk/cWPt/3ZQ9WQtjwsZdsgQAiI6wIyBBZohCSAGGEEBJAxYWIClYUFRGcSFXEgtUKSJ2I4qAouGdBiohai1VcOO4f3Ke1fXrv7e371/u855zn/M55zw+AERImkeaiagA5UoU8Otgfj09IxMm9gAIVSOAEIBDmy8JnBcUAAPADeXh+dLA//AGvbwACAHDVLiQSx+H/g7pQJlcAIJEA4CIS5wsBkFIAyC5UyBQAyBgAsFOzZAoAlAAAbHl8QiIAqg0A7PRJPgUA2KmT3BcA2KIcqQgAjQEAmShHJAJAuwBgVYFSLALAwgCgrEAiLgTArgGAWbYyRwKAvQUAdo5YkA9AYACAmUIszAAgOAIAQx4TzQMgTAOgMNK/4KlfcIW4SAEAwMuVzZdL0jMUuJXQGnfy8ODiIeLCbLFCYRcpEGYJ5CKcl5sjE0jnA0zODAAAGvnRwf44P5Dn5uTh5mbnbO/0xaL+a/BvIj4h8d/+vIwCBAAQTs/v2l/l5dYDcMcBsHW/a6lbANpWAGjf+V0z2wmgWgrQevmLeTj8QB6eoVDIPB0cCgsL7SViob0w44s+/zPhb+CLfvb8QB7+23rwAHGaQJmtwKOD/XFhbnauUo7nywRCMW735yP+x4V//Y4p0eI0sVwsFYrxWIm4UCJNx3m5UpFEIcmV4hLpfzLxH5b9CZN3DQCshk/ATrYHtctswH7uAQKLDljSdgBAfvMtjBoLkQAQZzQyefcAAJO/+Y9AKwEAzZek4wAAvOgYXKiUF0zGCAAARKCBKrBBBwzBFKzADpzBHbzAFwJhBkRADCTAPBBCBuSAHAqhGJZBGVTAOtgEtbADGqARmuEQtMExOA3n4BJcgetwFwZgGJ7CGLyGCQRByAgTYSE
@jonmmease
jonmmease / Kaleido.FSharp.fsx
Last active July 5, 2020 23:01 — forked from kMutagene/Kaleido.FSharp.fsx
Kaleido.FSharp POC
//Use F#5 preview to use "#r:nuget..."
#r "nuget:FSharp.Plotly,Version=2.0.0-alpha"
#r "nuget:Fake.Core.Process"
open System
open System.Diagnostics
open Fake.IO
open FSharp.Plotly
open Newtonsoft.Json
@jonmmease
jonmmease / heatlane-spec.json
Created July 9, 2022 14:50
Vega-Lite Heatlane
{
"$schema": "https://vega.github.io/schema/vega-lite/v5.json",
"description": "Heatlane chart: https://www.smashingmagazine.com/2022/07/accessibility-first-approach-chart-visual-design/",
"data": {"url": "data/cars.json"},
"height": 150,
"width": 400,
"title": "Heatlane",
"transform": [
{"bin": true, "field": "Horsepower"},
{
{
"$schema": "https://vega.github.io/schema/vega-lite/v5.json",
"description": "Heatlane chart: https://www.smashingmagazine.com/2022/07/accessibility-first-approach-chart-visual-design/",
"data": {"url": "data/cars.json"},
"height": 150,
"width": 400,
"title": "Heatlane",
"transform": [
{
"bin": true,
@jonmmease
jonmmease / spec.json
Created September 20, 2022 12:23
crossfilter_with_output_dataset
{
"$schema": "https://vega.github.io/schema/vega-lite/v5.json",
"title": "Seattle Weather, 2012-2015",
"data": {"url": "data/seattle-weather.csv"},
"vconcat": [
{
"layer": [
{
"mark": {"type": "rect", "width": 1, "height": 1},
"encoding": {"opacity": {"value": 0}},
@jonmmease
jonmmease / spec.json
Created November 7, 2022 17:17
histogram_drilldown
{
"$schema": "https://vega.github.io/schema/vega-lite/v5.json",
"data": {"url": "data/cars.json"},
"layer": [
{
"params": [
{"name": "brush", "select": {"type": "interval", "encodings": ["x"]}}
],
"mark": "bar",
"encoding": {
@jonmmease
jonmmease / spec.json
Created November 7, 2022 17:38
drilldown_dataset
{
"$schema": "https://vega.github.io/schema/vega-lite/v5.json",
"data": {"url": "data/cars.json"},
"layer": [
{
"params": [
{"name": "brush", "select": {"type": "interval", "encodings": ["x"]}}
],
"mark": "bar",
"encoding": {
@jonmmease
jonmmease / spec.json
Created November 15, 2022 14:17
drilldown_timeunit_bar
{
"$schema": "https://vega.github.io/schema/vega-lite/v5.json",
"data": {"url": "data/seattle-weather.csv"},
"width": 600,
"layer": [
{
"params": [
{"name": "brush", "select": {"type": "interval", "encodings": ["x"]}}
],
"mark": "bar",
@jonmmease
jonmmease / spec.json
Created November 16, 2022 12:45
Vega-Lite Histogram
{
"$schema": "https://vega.github.io/schema/vega-lite/v5.json",
"data": {"url": "data/movies.json"},
"mark": "bar",
"encoding": {
"x": {"bin": true, "field": "IMDB Rating"},
"y": {"aggregate": "count"}
}
}
@jonmmease
jonmmease / spec.json
Created July 17, 2023 12:35
VegaFusion_GH_361
{
"config": {
"axis": {"labelFontSize": 14, "titleFontSize": 14},
"header": {"labelFontSize": 14, "titleFontSize": 14},
"legend": {"labelFontSize": 14, "titleFontSize": 14},
"title": {"align": "center", "fontSize": 20, "offset": 15}
},
"vconcat": [
{
"facet": {