Skip to content
Vega-Lite templates

Reaction Energy Diagram

Potential-energy profile for a reaction with TS.

Template previewVega-Lite
Rendering…

Make it your own.

{
  "$schema": "https://vega.github.io/schema/vega-lite/v5.json",
  "data": {
    "values": [
      {"x":0,"y":0,"l":"Reactants"},
      {"x":1,"y":1},
      {"x":2,"y":4,"l":"TS1"},
      {"x":3,"y":1.5,"l":"Intermediate"},
      {"x":4,"y":3,"l":"TS2"},
      {"x":5,"y":-1.5,"l":"Products"}
    ]
  },
  "layer":[
    {"mark":{"type":"line","interpolate":"basis","color":"#1f47f5","strokeWidth":3},
     "encoding":{"x":{"field":"x","type":"quantitative","axis":null},"y":{"field":"y","type":"quantitative","title":"Energy"}}},
    {"mark":{"type":"text","dy":-12,"fontWeight":"bold"},
     "encoding":{"x":{"field":"x","type":"quantitative"},"y":{"field":"y","type":"quantitative"},"text":{"field":"l"}}}
  ],
  "width":480,"height":280
}