This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| { | |
| "$schema": "https://vega.github.io/schema/vega/v6.json", | |
| "usermeta": { | |
| "version": "01.01", | |
| "developedBy": "Madison Giammaria", | |
| "gitHub": "https://github.com/Giammaria", | |
| "linkedIn": "https://www.linkedin.com/in/madison-giammaria-58463b33", | |
| "email": "giammariam@gmail.com", | |
| "visualName": "Hierarchical Bar Chart", | |
| "visualDescription": "This chart is an animated, drillable hierarchical horizontal bar view. The user provides a flat table of {id, parentId, label, value?}, and it turns that into a tree you can explore one level at a time. At any moment it shows “the children of the node the user is looking at” as horizontal bars, ordered by a user-toggleable sort. When you drill down or up, the bars animate so you can see what changed." |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| { | |
| "$schema": "https://vega.github.io/schema/vega/v6.json", | |
| "width": 800, | |
| "background": "#fff", | |
| "signals": [ | |
| {"name": "padding", "value": 10}, | |
| {"name": "isPowerBIVisual", "value": false}, | |
| {"name": "configDesiredChartHeight", "init": "150"}, | |
| { | |
| "name": "configFields", |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| { | |
| "$schema": "https://vega.github.io/schema/vega/v6.json", | |
| "bounds": "flush", | |
| "autosize": {"resize": true, "type": "pad", "contains": "padding"}, | |
| "padding": 0, | |
| "background": "#fff", | |
| "signals": [ | |
| {"name": "isPowerBIVisual", "value": false}, | |
| {"name": "desiredHeight", "update": "400"}, | |
| {"name": "desiredWidth", "update": "1300"}, |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| { | |
| "$schema": "https://vega.github.io/schema/vega/v6.json", | |
| "bounds": "flush", | |
| "autosize": {"resize": true, "type": "pad", "contains": "padding"}, | |
| "background": "#fff", | |
| "signals": [ | |
| {"name": "isPowerBIVisual", "value": false}, | |
| {"name": "desiredHeight", "update": "900"}, | |
| {"name": "desiredWidth", "update": "1300"}, | |
| { |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| { | |
| "$schema": "https://vega.github.io/schema/vega/v6.json", | |
| "bounds": "flush", | |
| "autosize": {"resize": true, "type": "pad", "contains": "padding"}, | |
| "background": "#fff", | |
| "signals": [ | |
| {"name": "isPowerBIVisual", "value": false}, | |
| {"name": "desiredHeight", "update": "900"}, | |
| {"name": "desiredWidth", "update": "1300"}, | |
| { |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| { | |
| "$schema": "https://vega.github.io/schema/vega/v6.json", | |
| "bounds": "flush", | |
| "autosize": {"resize": true, "type": "pad", "contains": "padding"}, | |
| "background": "#fff", | |
| "signals": [ | |
| {"name": "isPowerBIVisual", "value": false}, | |
| {"name": "desiredHeight", "update": "300"}, | |
| {"name": "desiredWidth", "update": "1300"}, | |
| { |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| { | |
| "$schema": "https://vega.github.io/schema/vega/v6.json", | |
| "bounds": "flush", | |
| "autosize": {"type": "pad", "contains": "padding"}, | |
| "background": "#fff", | |
| "signals": [ | |
| {"name": "isPowerBIVisual", "value": false}, | |
| {"name": "desiredHeight", "update": "300"}, | |
| {"name": "desiredWidth", "update": "1300"}, | |
| { |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| { | |
| "$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)" | |
| }, |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| { | |
| "$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}" |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| { | |
| "$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": "giammariam@gmail.com", | |
| "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." |
NewerOlder