siddalinga-murthy

@siddalinga-murthy·4 public vizzes

Fork of Fork of Positive Macc Curve

This chart displays a Marginal Abatement Cost Curve, comparing the cost (€/tCO2e) against the abatement potential (kgCO2e) for various industry-specific measures. The visualization uses D3.js v5 to create linear scales for both axes, rendering data as an SVG within a React framework. Each bar is color-coded by material, and hovering over a bar triggers a tooltip displaying the cost and potential values. The chart includes a reference line at the zero-cost threshold to distinguish between negative and positive abatement costs, with the data sourced from a predefined array in the code.

Mar 24, 2022

Loading thumbnail…

Fork of Positive Macc Curve

This visualization presents a marginal abatement cost curve (MACC) for various industrial materials and processes, showing abatement potential (in kgCO2e) on the x-axis versus abatement cost (in €/tCO2e) on the y-axis. The chart uses an SVG rendering with React and D3 v5, employing `d3.scaleLinear` for both axes and `d3.axisBottom` and `d3.axisLeft` for tick marks. Rectangles represent each abatement measure, colored by material type, with a tooltip revealing the measure’s name and cost on hover. The data is hardcoded within the application, featuring interventions like switching to low-carbon electricity or biogas across industries such as steel, aluminum, and copper.

Mar 21, 2022

Loading thumbnail…

Fork of Positive Macc Curve

This visualization presents a marginal abatement cost curve, showing the cost and potential of various greenhouse gas reduction strategies across industries like steel, aluminum, and copper. Rectangles represent each measure, with width indicating abatement potential and height reflecting cost, using `d3.scaleLinear` and React components. The chart includes a reference zero line and dual-axis labels, with data displayed via SVG rectangles. The code uses `d3.axisBottom`, `d3.axisLeft`, and React hooks like `useRef` and `useEffect` for rendering axes.

Mar 21, 2022

Loading thumbnail…

Fork of Fork of Positive Macc Curve

This visualization presents an abatement cost curve, displaying the cost per ton of CO2e against the abatement potential for various industrial materials and processes. The chart uses a React-based SVG rendering with D3 v5 scales and axes to position rectangular marks. The data is embedded directly in the code, with D3’s `scaleLinear` and `scaleBand` handling the x and y mappings, while `axisBottom` and `axisLeft` generate the scale ticks. A reference line at zero cost is included when the minimum value is negative.

Mar 21, 2022