25:["$","title",null,{"children":"A Window into the Renewable Industry | Vekta Group | Observable"}] 49:T1040,chart = { const width = 1200 const height = 800 const svg = d3.create("svg") .attr("viewBox", [0, 0, width, height]) .attr("fill", "none") .attr("stroke", "currentColor"); const outline = svg.append("path"); const feature = svg.append("path"); const points = svg.append("g"); // Group for all points, to keep them together const projection = d3.geoOrthographic() .scale(300) // Adjust the scale to fit your SVG dimensions .translate([width / 2, height / 2]) // Center the projection .clipAngle(90); // Clip to show only the front hemisphere const path = d3.geoPath(projection).pointRadius(2); // Use the GEM data directly let pointCoords = globefilteredData; // add bit to filter data for solar and onshore projects // Create a GeoJSON FeatureCollection for multiple points with a 'type' property const geoJsonPoints = { type: "FeatureCollection", features: pointCoords.map(gem => ({ type: "Feature", geometry: { type: "Point", coordinates: gem.coords }, properties: { Type: gem.Type, // Extract the first element of the Type array Capacity: gem.MW, Project: gem.Project, Owner: gem.Owner, Operator: gem.Operator, Link: gem.WikiURL } })) }; // Function to set the color based on the 'Type' property function getColor(Type) { switch (Type) { case 'Geothermal': return '#D53E4F'; // Geothermal points are purple case 'Hydro': return '#FC8D59'; // Hydro points are blue case 'Nuclear': return '#FEE08B'; // Nuclear points are green case 'Offshore': return '#E6F598'; // Offshore Wind points are orange case 'Onshore': return '#99D594'; // Onshore Wind points are red case 'Solar': return '#3288BD'; // Solar points are yellow case 'Unknown': return '#000000' default: return '#1F271B'; // Default color } } function render() { outline.attr("d", path({ type: "Sphere" })); // Render the outline (e.g., sphere) feature.attr("d", path(land)); // Render the land const filteredPoints = geoJsonPoints.features.filter(d => viewof select.value === "All" || d.properties.Type === viewof select.value ); // Render each point in the FeatureCollection, colored by type points.selectAll("path") .data(filteredPoints) .join("path") .attr("d", path) // Render each point .attr("fill", d => getColor(d.properties.Type)) .attr("stroke", "none") .on("click", (event, d) => showPointData(event, d)); // Pass both event and data } // Add legend to the top right const legend = svg.selectAll(".legend") .data([null]) .join("g") .attr("class", "legend") .attr("transform", `translate(${width - 150}, 20)`); // Adjust the position as needed const legendData = [ { Type: 'Geothermal', color: '#D53E4F' }, { Type: 'Hydro', color: '#FC8D59' }, { Type: 'Nuclear', color: '#FEE08B' }, { Type: 'Offshore Wind', color: '#E6F598' }, { Type: 'Onshore Wind', color: '#99D594' }, { Type: 'Solar', color: '#3288BD' }, { Type: 'Unknown', colour: '#000000'} ]; legend.selectAll("rect") .data(legendData) .join("rect") .attr("x", 0) .attr("y", (d, i) => i * 20) .attr("width", 18) .attr("height", 18) .attr("fill", d => d.color); legend.selectAll("text") .data(legendData) .join("text") .attr("x", 24) .attr("y", (d, i) => i * 20 + 9) .attr("dy", "0.35em") .style("font-size", "14px") // Ensure text is clearly legible .attr("fill", "black") // Set the text fill color explicitly .text(d => d.Type); // Add rotation let rotateSpeed = 0.1; // Rotation speed (degrees per tick) let rotationTimer = d3.timer(() => { if (viewof RotationControl.value) { // Check rotation state const rotate = projection.rotate(); projection.rotate([rotate[0] + rotateSpeed, rotate[1], rotate[2]]); render(); } }); return svg .call(zoom(projection).on("zoom.render end.render", render)) .call(render) .node(); };4a:T55f,function showPointData(event, point) { // Create a tooltip or modal to display the point's data const tooltip = d3.select("body").selectAll(".tooltip") .data([null]) .join("div") .attr("class", "tooltip") .style("position", "absolute") .style("background", "rgba(255, 255, 255, 0.9)") .style("padding", "10px") .style("border-radius", "5px") .style("box-shadow", "0px 4px 8px rgba(0, 0, 0, 0.1)") .style("pointer-events", "auto"); // Allow interactions with the tooltip // Populate tooltip content tooltip.html(` Project: ${point.properties.Project}
Capacity: ${point.properties.Capacity}MW
Operator: ${point.properties.Operator}
Owner: ${point.properties.Owner}
More Info `); // Position tooltip near the mouse cursor tooltip.style("left", `${event.pageX + 10}px`) .style("top", `${event.pageY + 10}px`) .style("visibility", "visible"); // Prevent tooltip from disappearing immediately event.stopPropagation(); // Hide the tooltip when clicking elsewhere d3.select("body").on("click", () => tooltip.style("visibility", "hidden")); } 4b:[{"id":"88c7319e70fd6af7ed36dff96f6e39837ef2a3f1733770008554268221238bef718ddbb07045a3e2b7a531f96d89877b7468facbaaf1aaee63b3a98b67b9cfbe","href":"https://static.observableusercontent.com/files/88c7319e70fd6af7ed36dff96f6e39837ef2a3f1733770008554268221238bef718ddbb07045a3e2b7a531f96d89877b7468facbaaf1aaee63b3a98b67b9cfbe","name":"land-50m.json","type":"application/json","lastModified":1738929393942.333,"size":545534},{"id":"7f60f6340c5366c0b02d7506edd0ab07bd1e907ceed2d5a1cb35a67559ac989edeab18785c4a8e64c864648735acccf4556d4e6c93017d724945bce6b3edf08b","href":"https://static.observableusercontent.com/files/7f60f6340c5366c0b02d7506edd0ab07bd1e907ceed2d5a1cb35a67559ac989edeab18785c4a8e64c864648735acccf4556d4e6c93017d724945bce6b3edf08b","name":"All Renewable Technologies GEM@1.csv","type":"text/csv","lastModified":1738254656338.662,"size":20223080},{"id":"0ecc9087426a045b46d901def1359cb512aeb4e5f03a9610a135120be379b4b9b029e3f5a6d1d63ec3db7d3c42df0be42330bafdf0ead3dfbaffe55d9d234579","href":"https://static.observableusercontent.com/files/0ecc9087426a045b46d901def1359cb512aeb4e5f03a9610a135120be379b4b9b029e3f5a6d1d63ec3db7d3c42df0be42330bafdf0ead3dfbaffe55d9d234579","name":"convertcsv@1.csv","type":"text/csv","lastModified":1738254656338.662,"size":346},{"id":"bc383e0d4641976435f0ce6bfd76db305d50a20c18fae28c1f601f3262b66997658847ff167777696cbc6290057a9526c98ff6fa8dd4a1e6210511b6dba48344","href":"https://static.observableusercontent.com/files/bc383e0d4641976435f0ce6bfd76db305d50a20c18fae28c1f601f3262b66997658847ff167777696cbc6290057a9526c98ff6fa8dd4a1e6210511b6dba48344","name":"elevation@1.json","type":"application/json","lastModified":1738254656338.662,"size":23566},{"id":"eec657afeffb70691657f56f78ce546cc20861c628c4272d902fb7ff94d07a73737fd5356d255cef2a092de8322c56bbbc4f0f6a3c0c12864101f37ec6da9321","href":"https://static.observableusercontent.com/files/eec657afeffb70691657f56f78ce546cc20861c628c4272d902fb7ff94d07a73737fd5356d255cef2a092de8322c56bbbc4f0f6a3c0c12864101f37ec6da9321","name":"land-110m.json","type":"application/octet-stream","lastModified":1738254656338.662,"size":55207},{"id":"d6a5555d31b798f708f3f365c6adce32eb568b5ad27d17d7b7a6c239ed36e3393872b9cbb933316c9f18f99b3f17b70fd3be93ba39784ebef53aaaae8b7e4e5b","href":"https://static.observableusercontent.com/files/d6a5555d31b798f708f3f365c6adce32eb568b5ad27d17d7b7a6c239ed36e3393872b9cbb933316c9f18f99b3f17b70fd3be93ba39784ebef53aaaae8b7e4e5b","name":"ProjectSumandCapacity@2.csv","type":"text/csv","lastModified":1738254656338.662,"size":3999}] 29:{"id":"74036979b7ee0091","slug":null,"title":"A Window into the Renewable Industry","thumbnail":"9c8bf3202d79ce0d734f7a219ad9a096f25ad4fe58680804f4f9fb554f2912d8","access_level":"public","create_time":"$D2025-01-30T16:30:56.338Z","update_time":"$D2025-03-27T15:36:49.200Z","view_time":null,"first_public_time":"$D2025-03-12T11:52:50.409Z","has_unpublished_edits":null,"fork":true,"stars":0,"starred":false,"owner":{"type":"team","id":"3594fe6877d14711","login":"vekta-group","name":"Vekta Group","avatar_url":"https://avatars-next.observableusercontent.com/13f6934c06a2c847905f92615bfe639e05a96b39badbe0036f3139b0c24ef101","tier":"starter_2024","bio":"","followed_by_you":false,"follows_you":false},"version":2867,"publish_version":null,"role":null,"authored":false,"authors":[{"type":"individual","id":"353739170940576d","login":"vekta-group","name":"Vekta Group","avatar_url":"https://avatars-next.observableusercontent.com/13f6934c06a2c847905f92615bfe639e05a96b39badbe0036f3139b0c24ef101","tier":null,"bio":"","followed_by_you":false,"follows_you":false}],"members":[{"type":"individual","id":"353739170940576d","login":"vekta-group","name":"Vekta Group","avatar_url":"https://avatars-next.observableusercontent.com/13f6934c06a2c847905f92615bfe639e05a96b39badbe0036f3139b0c24ef101","tier":null,"role":"editor"},{"type":"team","id":"3594fe6877d14711","login":"vekta-group","name":"Vekta Group","avatar_url":"https://avatars-next.observableusercontent.com/13f6934c06a2c847905f92615bfe639e05a96b39badbe0036f3139b0c24ef101","tier":"starter_2024","role":"editor"}],"comments":[],"custom_thumbnail":true,"trashed":false,"lapsed":null,"subscribed":null,"forks":2,"collection":{"id":"a5603c9dcf7492ca","slug":"vekta-digital-insights","title":"Vekta Digital Insights ","owner":{"id":"3594fe6877d14711","login":"vekta-group","name":"Vekta Group"}},"type":"notebook","body":{"titling":"auto","title":"A Window into the Renewable Industry","cells":[{"id":0,"value":"md`# A Window into the Renewable Industry`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":2740,"value":"
\nWe have used data from the Global Energy Monitor (June 2024 release) to provide an overview of renewable energy projects around the world.\n
\n
\nThe first visualisation is a geographic representation of the spread of projects broken down by technology type: Nuclear, Hydro, Solar (over 150 MW), Geothermal, Onshore Wind (over 150 MW) and Offshore Wind. \n
\n","pinned":false,"hidden":false,"mode":"html","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":1387,"value":"viewof select = Inputs.select(\n [\"Geothermal\", \"Hydro\", \"Nuclear\", \"Offshore\", \"Onshore\", \"Solar\", \"Unknown\"],\n {label: \"Select one\"}\n)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":719,"value":"\nviewof RotationControl = {\n\nconst form = html``;\n\n let isRotating = true; // Rotation state\n \n // Handle button click\n const button = form.querySelector(\"button\");\n button.onclick = () => {\n isRotating = !isRotating; // Toggle rotation\n button.textContent = isRotating ? \"Stop Rotation\" : \"Start Rotation\";\n form.value = isRotating; // Update the form's value\n form.dispatchEvent(new CustomEvent(\"input\")); // Dispatch an input event\n };\n\n // Initial value\n form.value = isRotating;\n\n return form;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":6,"value":"$49","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1013,"value":"
\nNext we have summarised the capacity of renewable energy projects per region. The key highlights from this analysis are: \n
\n1. No Nuclear projects in Oceania\n
\n2. No Offshore Wind projects in Africa \n
\n3. The front runner technology types across the board are Solar and Hydro.\n
\n
","pinned":false,"hidden":false,"mode":"html","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":1927,"value":"stackedBarChart = addTooltips(\n Plot.plot({\n width: 1000,\n height: 520,\n x: { label: \"Region\", labelOffset: -10 },\n y: { label: \"Total Capacity (GW)\", tickFormat: \"s\", tickSpacing: 50 },\n color: {\n scheme: \"Spectral\",\n width: 340, \n label: \"Energy Type\" \n },\n style: {\n fontSize: 16,\n },\n marks: [\n // Use Plot.barY for vertical bars\n Plot.barY(barchartData, {\n x: \"Region\", \n y: \"value\", \n fill: \"Type\",\n sort: { color: null, x: \"-y\" }, // Sort by Y-axis values in descending order\n title: (d) => `Region: ${d.Region}\\nType: ${d.Type}\\nTotal Capacity: ${d.value} GW` // Multi-line tooltip\n })\n ]\n }),\n {opacity: 0.9, \"stroke-width\": \"2px\", stroke: \"black\" }\n);","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1015,"value":"
\nFinally, we look at the total number and capacity of renewable energy projects, per country. \n
\n
\nAnalysing the data on a logarithmic scale highlights the relationship between capacity and number of projects, showing a moderate, positive linear relationship. Singapore and Comoros appear to be slight outliers to this correlation, with lower than average total capacity compared with number of projects. \n
\n
","pinned":false,"hidden":false,"mode":"html","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":955,"value":"VektaAPI = Plot.plot({\n title: \"Global Renewable Energy Projects per Country\",\n subtitle: \"by Total Capacity and Total Projects\",\n caption: \"N.B. Both the y and x scales are logarithmic\",\n marginLeft: 50,\n marginBottom: 30,\n insetLeft: 20,\n insetBottom: 20,\n width: width,\n x: {\n type: \"log\"\n },\n y: {\n type: \"log\"\n },\n color: {\n scheme: \"Category10\",\n legend: false\n },\n marks: [\n Plot.auto(await FileAttachment(\"ProjectSumandCapacity@2.csv\").csv({typed: true}), {x: \"Total Projects\", y: \"Total Capacity (MW)\", color: \"Country\"})\n ]\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"VektaAPI","database":"$undefined"},{"id":2730,"value":"
\nVisualising the data on a linear scale highlights countries which are leading the race for renewable energy in terms of both capacity and number of projects, specifically noting China much further ahead than any other country. Although, the turnover of development to operational projects in China is contentious.\n
\n
\nThe US, Germany and Brazil are attempting to catch up with China, noting the capacity of their projects, rather than the number of projects, is limiting.\n
\n
","pinned":false,"hidden":false,"mode":"html","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":2532,"value":"VektaAPI1 = Plot.plot({\n title: \"Global Renewable Energy Projects per Country\",\n subtitle: \"by Total Capacity and Total Projects\",\n marginTop: 30,\n marginLeft: 50,\n marginRight: 40,\n marginBottom: 30,\n insetLeft: 20,\n insetRight: 50,\n insetBottom: 20,\n width: width,\n x: {\n type: \"linear\"\n },\n y: {\n type: \"linear\"\n },\n color: {\n scheme: \"Category10\",\n legend: false\n },\n marks: [\n Plot.auto(await FileAttachment(\"ProjectSumandCapacity@2.csv\").csv({typed: true}), {x: \"Total Projects\", y: \"Total Capacity (MW)\", color: \"Country\"})\n ]\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"VektaAPI1","database":"$undefined"},{"id":2838,"value":"
\n## Appendix","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":1314,"value":"Source: Global Wind Power Tracker, Global Energy Monitor, June 2024 release","pinned":false,"hidden":false,"mode":"html","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":2841,"value":"### Plot 1: Globe","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":1335,"value":"allRenewableTechnologiesGem1 = await FileAttachment(\"All Renewable Technologies GEM@1.csv\").csv({typed: \"auto\"})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"allRenewableTechnologiesGem1","database":"$undefined"},{"id":2402,"value":"// Assuming allRenewableTechnologiesGem1 is the attached data\nglobeData = allRenewableTechnologiesGem1.map(gem => ({\n coords: [parseFloat(gem.Longitude), parseFloat(gem.Latitude)],\n MW: gem.MW ? parseFloat(gem.MW) : undefined,\n Type: gem.Type,\n Project: gem.Project,\n Owner: gem.Owner,\n Operator: gem.Operator,\n WikiURL: gem[\"Wiki URL\"]\n}));","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":2413,"value":"// Filter for Solar and Onshore projects with MW >= 250\nglobefilteredData = globeData.filter(gem => {\n return (gem.Type === \"Solar\" || gem.Type === \"Onshore\") ? gem.MW >= 150 : true;\n});","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":366,"value":"sphere = ({type: \"Sphere\"})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":701,"value":"elevation = FileAttachment(\"elevation@1.json\").json()","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":329,"value":"world = FileAttachment(\"land-110m.json\").json()","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":18,"value":"topojson = require(\"topojson@3\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":327,"value":"land = {\n let topology = world;\n topology = topojson.presimplify(topology);\n topology = topojson.simplify(topology, 0.1);\n return topojson.feature(topology, topology.objects.land);\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1780,"value":"$4a","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":2845,"value":"### Plot 2: Stacked Bar Chart","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":2472,"value":"convertcsv1 = await FileAttachment(\"convertcsv@1.csv\").csv({typed: \"auto\"})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"convertcsv1","database":"$undefined"},{"id":2673,"value":"import {addTooltips} from \"@mkfreeman/plot-tooltip\"\n","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":2470,"value":"\n// Flatten the data, transforming it into a tidy format\nbarchartData = columns.flatMap((Type) => \n convertcsv1.map(d => ({\n Region: d.Region,\n Type,\n value: d[Type]/1000 // Assuming the values are in the columns\n }))\n);","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":2478,"value":"columns = Object.keys(convertcsv1[0]).slice(1); // Get column names excluding the first one (Region)\n","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":357,"value":"import {zoom} from \"@d3/versor-zooming\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":2865,"value":"html``","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W4b","stdlib":"1"}} 24:null