mattijn

{
  "$schema": "https://vega.github.io/schema/vega/v5.json",
  "width": 360,
  "height": 168,
  "data": [
    {
      "name": "GRID_ARRAY",
      "values": [{
        "year":2016,
        "grid":{

mattijn

{
  "$schema": "https://vega.github.io/schema/vega/v5.json",  
  "data": [
    {
      "name": "GRID_ARRAY",
      "values": [
        {
          "width": 125,
          "height": 125,
          "values": [199, 200, 200, 198, 198, 198, 198, 198, 198, 198, 198, 198, 198, 198, 197, 198, 198, 197, 197, 197, 197, 197, 197, 197, 197, 197, 197, 197, 196, 197, 197, 197, 197, 197, 197, 196, 196, 196, 196, 196, 196, 196, 196, 196, 195, 195, 196, 195, 195, 195, 195, 195, 194, 194, 195, 195, 194, 195, 194, 195, 194, 194, 194, 194, 194, 193, 193, 194, 194, 193, 194, 194, 193, 193, 193, 193, 194, 193, 192, 192, 192, 192, 192, 192, 193, 192, 192, 193, 192, 191, 192, 192, 192, 192, 191, 191, 192, 191, 191, 191, 191, 191, 191, 191, 191, 190, 191, 191, 190, 190, 191, 191, 190, 191, 191, 190, 190, 191, 190, 191, 190, 191, 190, 189, 190, 200, 199, 199, 199, 199, 199, 198, 199, 198, 199, 199, 198, 198, 198, 198, 197, 197, 198, 198, 197, 197, 197, 198, 198, 197, 197, 197, 197, 197, 197, 197, 197, 197, 196, 197, 197, 197, 196, 19

mattijn

variants explored so far

1. heatmap transform single array only
2. heatmap transform with color scale
3. heatmap transform with color scale and axis
4. heatmap transform double array faceted with color scale and axis
5. heatmap transform single array with non-zero x and y scale
6. heatmap transform double array with non-zero x and y scale

Note: in the specs below, I've reduced the length of the grid values. In the accompanying Vega-Editor links are all values of the grids.

mattijn

{
  "$schema": "https://vega.github.io/schema/vega/v5.json",
  "width": 250,
  "height": 250,
  "data": [
    {
      "name": "GRID_ARRAY",
      "values": [{"grid": {"width": 125, "height": 125, "values": [0.78, 0.78, 0.78, 0.78, 0.78, 0.78, 0.78, 0.78, 0.78, 0.78, 0.78, 0.78, 0.78, 0.78, 0.77, 0.77, 0.77, 0.77, 0.77, 0.77, 0.77, 0.77, 0.77, 0.77, 0.77, 0.77, 0.77, 0.77, 0.77, 0.77, 0.77, 0.77, 0.77, 0.77, 0.77, 0.77, 0.77, 0.77, 0.77, 0.77, 0.77, 0.77, 0.77, 0.77, 0.76, 0.76, 0.77, 0.76, 0.76, 0.77, 0.76, 0.76, 0.76, 0.76, 0.76, 0.77, 0.76, 0.76, 0.76, 0.77, 0.76, 0.76, 0.76, 0.76, 0.76, 0.76, 0.76, 0.76, 0.76, 0.76, 0.76, 0.76, 0.76, 0.76, 0.76, 0.76, 0.76, 0.76, 0.75, 0.75, 0.75, 0.75, 0.75, 0.75, 0.76, 0.75, 0.75, 0.76, 0.75, 0.75, 0.75, 0.75, 0.75, 0.75, 0.75, 0.75, 0.75, 0.75, 0.75, 0.75, 0.75, 0.75, 0.75, 0.75, 0.75, 0.75, 0.75, 0.75, 0.75, 0.75, 0.75, 0.75, 0.75, 0.75, 0.75, 0.75, 0.74, 0.75, 0.75, 0.75, 0.75, 0.75, 0.75, 0.74, 0.75, 0.78, 0.78, 0.78, 0.78, 0.78, 0.78, 0.78, 0.78, 0.78, 0.78, 0.78, 0

mattijn

{
  "$schema": "https://vega.github.io/schema/vega/v5.json",
  "width": 250,
  "height": 250,
  "data": [
    {
      "name": "GRID_ARRAY",
      "values": [
        {
          "width": 125,

mattijn

{
  "$schema": "https://vega.github.io/schema/vega/v5.json",  
  "data": [
    {
      "name": "GRID_ARRAY",
      "values": [
        {
          "width": 125,
          "height": 125,
          "values": [199, 200, 200, 198, 198, 198, 198, 198, 198, 198, 198, 198, 198, 198, 197, 198, 198, 197, 197, 197, 197, 197, 197, 197, 197, 197, 197, 197, 196, 197, 197, 197, 197, 197, 197, 196, 196, 196, 196, 196, 196, 196, 196, 196, 195, 195, 196, 195, 195, 195, 195, 195, 194, 194, 195, 195, 194, 195, 194, 195, 194, 194, 194, 194, 194, 193, 193, 194, 194, 193, 194, 194, 193, 193, 193, 193, 194, 193, 192, 192, 192, 192, 192, 192, 193, 192, 192, 193, 192, 191, 192, 192, 192, 192, 191, 191, 192, 191, 191, 191, 191, 191, 191, 191, 191, 190, 191, 191, 190, 190, 191, 191, 190, 191, 191, 190, 190, 191, 190, 191, 190, 191, 190, 189, 190, 200, 199, 199, 199, 199, 199, 198, 199, 198, 199, 199, 198, 198, 198, 198, 197, 197, 198, 198, 197, 197, 197, 198, 198, 197, 197, 197, 197, 197, 197, 197, 197, 197, 196, 197, 197, 197, 196, 19

mattijn

{
  "$schema": "https://vega.github.io/schema/vega/v5.json",  
  "data": [
    {
      "name": "GRID_ARRAY",
      "values": [
        {
          "width": 125,
          "height": 125,
          "values": [199, 200, 200, 198, 198, 198, 198, 198, 198, 198, 198, 198, 198, 198, 197, 198, 198, 197, 197, 197, 197, 197, 197, 197, 197, 197, 197, 197, 196, 197, 197, 197, 197, 197, 197, 196, 196, 196, 196, 196, 196, 196, 196, 196, 195, 195, 196, 195, 195, 195, 195, 195, 194, 194, 195, 195, 194, 195, 194, 195, 194, 194, 194, 194, 194, 193, 193, 194, 194, 193, 194, 194, 193, 193, 193, 193, 194, 193, 192, 192, 192, 192, 192, 192, 193, 192, 192, 193, 192, 191, 192, 192, 192, 192, 191, 191, 192, 191, 191, 191, 191, 191, 191, 191, 191, 190, 191, 191, 190, 190, 191, 191, 190, 191, 191, 190, 190, 191, 190, 191, 190, 191, 190, 189, 190, 200, 199, 199, 199, 199, 199, 198, 199, 198, 199, 199, 198, 198, 198, 198, 197, 197, 198, 198, 197, 197, 197, 198, 198, 197, 197, 197, 197, 197, 197, 197, 197, 197, 196, 197, 197, 197, 196, 19

mattijn

{
  "$schema": "https://vega.github.io/schema/vega/v5.json",
  "data": [
    {
      "name": "source_1",
      "values": [
        {"winddirection": 0},
        {"winddirection": 90},
        {"winddirection": 180},
        {"winddirection": 270}

mattijn

• 1. Day of Year (DoY) rainfall onset
  • 1.1. Define area and load data
  • 1.2. Sum the data and create a mask
  • 1.3. Cumulative precipitation in a function
• 2 Day of Year (DoY) rainfall onset for multiple years
  • 2.1. Define area of interest and select values
  • 2.2. Define a function to calculate DoY for multiple years
  • 2.3 Create a collection of images

• 2.4 Store the images

mattijn