Jon Mease jonmmease

Creator of @vegafusion, @altair-viz co-maintainer, visualization at @hex-inc. Former Chief Scientist at Plotly

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 / 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 / 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"},
	{

jonmmease / heat-lane-2.json

Created July 17, 2022 12:53

Heat Lane 2

	{
	"$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 / 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 / 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 / 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 / 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 / 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 / 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": {