<graph>

{ "version": 2, "padding": "auto", "data": [ { "name": "table", "values": [ {"year": 2005,"revenue": 0}, {"year": 2006,"revenue": 0}, {"year": 2007,"revenue": 0.073}, {"year": 2008,"revenue": 15}, {"year": 2009,"revenue": 112}, {"year": 2010,"revenue": 117}, {"year": 2011,"revenue": 204}, {"year": 2012,"revenue": 413}, {"year": 2013,"revenue": 2013}, {"year": 2014,"revenue": 3198}, {"year": 2015,"revenue": 4046}, {"year": 2016,"revenue": 7000}, {"year": 2017,"revenue": 11759}, {"year": 2018,"revenue": 21461}, {"year": 2019,"revenue": 24578}, {"year": 2020,"revenue": 31536}, {"year": 2021,"revenue": 53823}, {"year": 2022,"revenue": 78935}, {"year": 2023,"revenue": 112257}, {"year": 2024,"revenue": 154816}, {"year": 2025,"revenue": 207049}, {"year": 2026,"revenue": 268527}, {"year": 2027,"revenue": 337721}, {"year": 2028,"revenue": 411894}, {"year": 2029,"revenue": 487157}, {"year": 2030,"revenue": 558739}, {"year": 2031,"revenue": 621448}, {"year": 2032,"revenue": 670282}, {"year": 2033,"revenue": 701078}, {"year": 2034,"revenue": 711102}, {"year": 2035,"revenue": 699445}, {"year": 2036,"revenue": 667163}, {"year": 2037,"revenue": 617116}, {"year": 2038,"revenue": 553551}, {"year": 2039,"revenue": 481510}, {"year": 2040,"revenue": 406171}, {"year": 2041,"revenue": 332253}, {"year": 2042,"revenue": 263564}, {"year": 2043,"revenue": 202749}, {"year": 2044,"revenue": 151247}, {"year": 2045,"revenue": 109414}, {"year": 2046,"revenue": 76757}, {"year": 2047,"revenue": 52217}, {"year": 2048,"revenue": 34448}, {"year": 2049,"revenue": 22038}, {"year": 2050,"revenue": 13673}, {"year": 2051,"revenue": 8226}, {"year": 2052,"revenue": 4799}, {"year": 2053,"revenue": 2715}, {"year": 2054,"revenue": 1490}, {"year": 2055,"revenue": 793}, {"year": 2056,"revenue": 409}, {"year": 2057,"revenue": 205}, {"year": 2058,"revenue": 99}, {"year": 2059,"revenue": 47}, {"year": 2060,"revenue": 21}, {"year": 2061,"revenue": 8}, {"year": 2062,"revenue": 4}, {"year": 2063,"revenue": 2}, ] }, { "name": "annotation", "values": [ {"start": 2005,"end": 2021,"text": "Past revenues"}, {"start": 2021,"end": 2063,"text": "Expected future revenues"} ] } ], "scales": [ { "name": "x", "type": "linear", "range": "width", "zero": false, "domain": {"data": "table","field": "year"} }, { "name": "y", "type": "linear", "range": "height", "nice": true, "domain": {"data": "table","field": "revenue"} }, { "name": "color", "type": "ordinal", "domain": {"data": "annotation","field": "text"}, "range": ["black","red"] } ], "axes": [ { "type": "x", "scale": "x", "format": "d", "title": "Year", "ticks": 15 }, { "type": "y", "scale": "y", "title": "$milion", "grid": true, "layer": "back" } ], "marks": [ { "type": "rect", "from": {"data": "annotation"}, "properties": { "enter": { "x": {"scale": "x","field": "start"}, "y": {"value": 0}, "x2": {"scale": "x","field": "end"}, "y2": {"signal": "height"}, "fill": {"scale": "color","field": "text"}, "opacity": {"value": 0.2} } } }, { "type": "line", "from": {"data": "table"}, "properties": { "enter": { "interpolate": {"value": "monotone"}, "x": {"scale": "x","field": "year"}, "y": {"scale": "y","field": "revenue"}, "stroke": {"value": "steelblue"}, "strokeWidth": {"value": 3} } } }, { "type": "symbol", "from": {"data": "table"}, "properties": { "enter": { "x": {"scale": "x","field": "year"}, "y": {"scale": "y","field": "revenue"}, "stroke": {"value": "steelblue"}, "fill": {"value": "white"}, "size": {"value": 30} } } }, { "type": "text", "from": { "data": "table", "transform": [ { "type": "aggregate", "summarize": {"year": ["min","max"]} } ] }, "properties": { "enter": { "x": {"signal": "width","mult": 0.5}, "y": {"value": -10}, "text": { "template": "Tesla revenues over the lifetime of the company" }, "fill": {"value": "black"}, "fontSize": {"value": 16}, "align": {"value": "center"}, "fontWeight": {"value": "bold"} } } } ], "legends": [ { "fill": "color", "title": "Period", "properties": { "symbols": { "strokeWidth": {"value": 0}, "shape": {"value": "square"}, "opacity": {"value": 0.3} }, "legend": { "x": {"value": 10}, "y": {"value": 5}, "fill": {"value": "white"} } } } ] } </graph>