Skip to content

Instantly share code, notes, and snippets.

@nadiafank
nadiafank / spec.json
Last active May 12, 2025 17:00
Radial Tidy Tree
{
"$schema": "https://vega.github.io/schema/vega/v6.json",
"description": "Gráfico de red jerárquica radial adaptado",
"width": 600,
"height": 600,
"padding": 20,
"autosize": "none",
"signals": [
{"name": "labels", "value": true, "bind": {"input": "checkbox"}},
{"name": "originX", "update": "width / 2"},
@nadiafank
nadiafank / spec.json
Created June 12, 2024 10:51
WiP Gauge 2 Variables Wed Jun 12 2024
{
"$schema": "https://vega.github.io/schema/vega/v5.json",
"description": "A half-donut gauge chart to compare two variables.",
"width": "container",
"height": "container",
"autosize": {"type": "fit", "resize": true, "contains": "padding"},
"signals": [
{"name": "startAngle", "value": -90},
{"name": "endAngle", "value": 90},
{"name": "padAngle", "value": 0.03},
@nadiafank
nadiafank / Grafos 01 -testing - .json
Created June 5, 2024 17:08
Grafos 01 -testing - Vega-Lite spec from Wed Jun 05 2024
{
"$schema": "https://vega.github.io/schema/vega-lite/v5.json",
"description": "Grafo de relaciones entre empleados de una organización, mostrando capacidades y conexiones.",
"data": {
"values": [
{
"source": "Alice (Analista)",
"target": "Bob (Científico)",
"capacidad": 3
},
@nadiafank
nadiafank / waffle for deneb.json
Created June 5, 2024 07:31
Vega-Lite waffle deneb
{
"$schema": "https://vega.github.io/schema/vega-lite/v5.json",
"description": "This is a faceted percentage based waffle chart. The transforms below perform the following functions: 1. Create a column that shows the count of all cars. 2. Create a column that shows the count of all cars grouped by Origin. 3. Divide transform 2 by transform 3 to get a percentage. 4. Aggregate the input table so to only have two columns for Origin and Percent and 3 rows. 5. Create a sequence from 1 to 100 as an additional column. 6. Flatten the newly created sequence column so the table expands to 300 rows (100 rows per Origin). 7. Create a new column where each row is either coded as the Origin or blank. 8. Calculate row numbers. 9. Calculate column numbers.",
"data": {"url": "data/cars.json"},
"transform": [
{
"joinaggregate": [{"op": "count", "field": "Origin", "as": "TotalOrigin"}]
},
{
"joinaggregate": [
@nadiafank
nadiafank / funnel04.json
Created May 22, 2024 12:41
Vega-Lite spec from Wed May 22 2024
{
"$schema": "https://vega.github.io/schema/vega-lite/v5.json",
"description": "Funnel chart showing Revenue & GM by Month with modifications",
"data": {
"values": [
{"month": "Jan-23", "value": 50},
{"month": "Feb-23", "value": 30},
{"month": "Mar-23", "value": 40},
{"month": "Apr-23", "value": 20},
{"month": "May-23", "value": 60},
@nadiafank
nadiafank / funnel-proceso-0.json
Created May 22, 2024 12:36
Vega-Lite Funnel - 0 May 22 2024
{
"$schema": "https://vega.github.io/schema/vega-lite/v5.json",
"description": "Funnel chart showing Revenue & GM by Month",
"data": {
"values": [
{"month": "Jun-23", "metric": "Leaders", "value": 10},
{"month": "Jul-23", "metric": "Leaders", "value": 20},
{"month": "Aug-23", "metric": "Leaders", "value": 30},
{"month": "Sep-23", "metric": "Leaders", "value": 40},
{"month": "Oct-23", "metric": "Leaders", "value": 50},
@nadiafank
nadiafank / README.md
Created April 11, 2022 15:50 — forked from lopspower/README.md
Hexadecimal color code for transparency

Hexadecimal color code for transparency

Twitter

How to set transparency with hex value ?

For example, you want to set 40% alpha transparence to #000000 (black color), you need to add 66 like this #66000000.

Download This sample on Google Play Store

@nadiafank
nadiafank / README.md
Created November 9, 2020 15:38 — forked from curran/README.md
United Nations World Population Prospects 2019
@nadiafank
nadiafank / dem.txt
Created March 21, 2016 01:44
pruesbas
pruebaa