John Delgado

   },
   {
     "name": "seconds",
     "values": [{{{seconds}}}],
     "transform": [
       {
         "type": "formula",
         "as": "second_end",
         "expr": "datum.second_end ? datum.second_end : datetime(year(now()) + '/' + (month(now())+1) + '/' + date(now()))"
       }
     ],
     "format": {"parse": {"second_start": "date", "second_end": "date"}}
   },
   {
     "name": "chefs",
     "values": [{{{chefs}}}],
     "transform": [
       {
         "type": "formula",
         "as": "chef_end",
         "expr": "datum.chef_end ? datum.chef_end : datetime(year(now()) + '/' + (month(now())+1) + '/' + date(now()))"
       }
     ],
     "format": {"parse": {"chef_start": "date", "chef_end": "date"}}
   },
   {
     "name": "events",
     "values": [{{{events}}}],
     "format": {"parse": {"date": "date"}}
   },
   {
     "name": "annee",
     "values": [{{{annee}}}],
     "format": {"parse": {"date": "date"}}
   }
 ],
 "scales": [
   {
     "name": "x",
     "type": "time",
     "range": "width",
     "domain": {
       "data": "membres",
       "fields": ["membre_start", "membre_end"]
     }
   },
   {
     "name": "y",
     "type": "band",
     "range": "height",
     "domain": {"data": "membres", "field": "label"},
     "padding": 0.2
   }
 ],
 "axes": [
   {"orient": "bottom", "scale": "x", "grid": true, "format": "%m/%y"}
 ],
 "marks": [
   {
     "type": "rect",
     "from": {"data": "seconds"},
     "encode": {
       "enter": {
         "x": {"scale": "x", "field": "second_start"},
         "x2": {"scale": "x", "field": "second_end"},
         "y": {"scale": "y", "field": "label", "offset": -3},
         "height": {"value": 10},
         "fill": {"value": "#999"}
       }
     }
   },
   {
     "type": "rect",
     "from": {"data": "chefs"},
     "encode": {
       "enter": {
         "x": {"scale": "x", "field": "chef_start"},
         "x2": {"scale": "x", "field": "chef_end"},
         "y": {"scale": "y", "field": "label", "offset": -3},
         "height": {"value": 10},
         "fill": {"value": "#000"}
       }
     }
   },
   {
     "type": "rect",
     "from": {"data": "membres"},
     "encode": {
       "enter": {
         "x": {"scale": "x", "field": "membre_start"},
         "x2": {"scale": "x", "field": "membre_end"},
         "y": {"scale": "y", "field": "label"},
         "height": {"value": 4},
         "fill": {"value": "#FF6EE7"}
       }
     }
   },
   {
     "type": "rect",
     "from": {"data": "events"},
     "encode": {
       "enter": {
         "x": {"scale": "x", "field": "date"},
         "y": {"field": "y"},
         "width": {"value": 0.5},
         "height": {"value": 1500},
         "fill": {"value": "#0090FF"}
       }
     }
   },
   {
     "type": "text",
     "from": {"data": "events"},
     "encode": {
       "enter": {
         "x": {"scale": "x", "field": "date"},
         "y": {"field": "y"},
         "angle": {"value": -30},
         "text": {"field": "name"},
         "fill": {"value": "#000"},
         "fontSize": {"value": 14}
       }
     }
   },
   {
     "type": "rect",
     "from": {"data": "annee"},
     "encode": {
       "enter": {
         "x": {"scale": "x", "field": "date"},
         "y": {"field": "y"},
         "width": {"value": 0.5},
         "height": {"value": 1500},
         "fill": {"value": "#FF0000"}
       }
     }
   },
   {
     "type": "text",
     "from": {"data": "annee"},
     "encode": {
       "enter": {
         "x": {"scale": "x", "field": "date"},
         "y": {"field": "y"},
         "angle": {"value": -30},
         "text": {"field": "name"},
         "fill": {"value": "#FF0000"},
         "fontSize": {"value": 20}
       }
     }
   },
   {
     "type": "text",
     "from": {"data": "membres"},
     "encode": {
       "enter": {
         "x": {"scale": "x", "field": "membre_start"},
         "y": {"scale": "y", "field": "label", "offset": -7},
         "text": {"field": "nom"},
         "fill": {"value": "#000"},
         "fontSize": {"value": 14}
       }
     }
   },
   {
     "type": "text",
     "from": {"data": "membres"},
     "encode": {
       "enter": {
         "x": {"scale": "x", "field": "membre_end", "offset": -2},
         "y": {"scale": "y", "field": "label", "offset": 6},
         "text": {"field": "status"},
         "fill": {"value": "#000"},
         "fontSize": {"value": 14}
       }
     }
   }
 ]

} }}

Galerie

• 

Fanarts

•