Skip to content

Instantly share code, notes, and snippets.

View Giammaria's full-sized avatar

Madison Giammaria Giammaria

View GitHub Profile
@Giammaria
Giammaria / spec.json
Last active April 16, 2025 16:54
20250409_hierarchical_gantt_v_v2
{
"$schema": "https://vega.github.io/schema/vega/v6.json",
"background": "#fff",
"signals": [
{"name": "desiredHeight", "update": "300"},
{
"name": "adjustedHeight",
"description": "he initial height of the visualization, set to 300. Rows that go beyond this height will require scrolling/panning",
"update": "min(desiredHeight, actualHeight)"
},
@Giammaria
Giammaria / spec.json
Created April 9, 2025 18:11
20250409_drilldown_bar_chart_v_v1
{
"$schema": "https://vega.github.io/schema/vega/v6.json",
"width": 600,
"autosize": {"contains": "padding", "type": "fit"},
"signals": [
{"name": "desiredHeight", "init": "400"},
{"name": "height", "init": "400"},
{
"name": "configCategories",
"init": "{sortedValues: ['North', 'South', 'East', 'West'], title: 'Region', step: 150}"
@Giammaria
Giammaria / spec.json
Last active March 27, 2025 15:33
20250327_easing_functions_vl
{
"$schema": "https://vega.github.io/schema/vega-lite/v5.json",
"usermeta": {
"version": "01.01",
"developedBy": "Madison Giammaria",
"gitHub": "https://github.com/Giammaria",
"linkedIn": "https://www.linkedin.com/in/madison-giammaria-58463b33",
"email": "[email protected]",
"visualName": "Easing Formulas",
"visualDescription": "Here you can compare different easing functions and see their respective formulas. This isn't a comprehensive list of easing functions, but these are definitely some popular ones. Special thanks to Pavithra Kodmad for writing this excellent article on understanding easing! https://css-tricks.com/ease-y-breezy-a-primer-on-easing-functions/ A few months prior to making this, I would not have thought that this would be feasible in Vega-Lite."
@Giammaria
Giammaria / spec.json
Last active March 10, 2025 17:10
20250308_numeric_bar_kpi_v_v1
{
"$schema": "https://vega.github.io/schema/vega/v5.json",
"width": 300,
"autosize": {"type": "none"},
"signals": [
{"name": "title", "value": "Metric Name"},
{"name": "padding", "value": 0},
{"name": "height", "update": "width"},
{
"name": "darkMode",
@Giammaria
Giammaria / spec.json
Last active March 7, 2025 15:20
20250307_percentage_gauge_v_v1
{
"$schema": "https://vega.github.io/schema/vega/v5.json",
"width": 300,
"height": 300,
"autosize": {"type": "pad"},
"signals": [
{"name": "padding", "value": 0},
{
"name": "darkMode",
"init": "true",
@Giammaria
Giammaria / spec.json
Created February 28, 2025 21:44
20250228_lasso_example_v1_v
{
"$schema": "https://vega.github.io/schema/vega/v5.json",
"padding": 0,
"signals": [
{"name": "width", "update": "windowSize()[0]*0.5"},
{"name": "height", "update": "windowSize()[1]*0.5"},
{
"name": "lassoCoordinates",
"init": "null",
"on": [
@Giammaria
Giammaria / spec.json
Last active February 25, 2025 12:51
20250219_pointer_&_screen_input_testing_v1_v
{
"$schema": "https://vega.github.io/schema/vega/v5.json",
"description": "Zooming and panning in this visualization are controlled through both pointer and touch interactions. Zooming occurs via the mouse wheel or pinch gestures. When using the wheel, the zoom level is adjusted based on the scroll direction and smoothed when the direction remains consistent. The zoom range is clamped between 0.6 and 1.8 to prevent excessive zooming. When performing a pinch gesture, the zoom level updates based on the ratio between the current and initial pinch distances. Zooming is centered on the pointer location unless the Control key is pressed, in which case it zooms around the center of the data domain. Panning occurs when the user clicks and drags or performs a single-finger touch drag. The pan movement is calculated as the difference between the initial and current pointer positions, adjusting the x and y domains accordingly. Panning is disabled when more than one touch is active to prevent conflicts with pinch zo
@Giammaria
Giammaria / spec.json
Last active March 3, 2025 15:30
20250218_basic_zoom_and_pan_v1_v
{
"$schema": "https://vega.github.io/schema/vega/v5.json",
"signals": [
{"name": "adjustedHeight", "value": 300},
{"name": "width", "value": 1200},
{
"name": "columnsWidthPercent",
"value": 0.25,
"update": "clamp(columnsWidthPercent, 0, 0.5)"
},
@Giammaria
Giammaria / spec.json
Last active February 25, 2025 12:48
20250215_mdr_v1_v
{
"$schema": "https://vega.github.io/schema/vega/v5.json",
"description": "Praise Kier!",
"autosize": "pad",
"usermeta": {
"version": "01.01",
"developedBy": "Madison Giammaria",
"gitHub": "https://github.com/Giammaria",
"linkedIn": "https://www.linkedin.com/in/madison-giammaria-58463b33",
"email": "[email protected]",
@Giammaria
Giammaria / spec.json
Last active March 5, 2025 19:55
20250127_dynamic_date_granularity_v2_v
{
"$schema": "https://vega.github.io/schema/vega/v5.json",
"signals": [
{
"name": "adjustedHeight",
"description": "he initial height of the visualization, set to 300. Rows that go beyond this height will require scrolling/panning",
"value": 300
},
{
"name": "width",