synth_vizualization_attempt_2

100%

synth_vizualization_attempt_2

✓ Published0🌍 Public

Last edited May 30, 2023

Created on May 29, 2023

This visualization compares observed and synthetic economic indicator trends for Andhra Pradesh, using a 2x2 grid of line charts for GDP, direct investments, industry production, and fixed assets. A dashed vertical line marks the 2007 SEZ creation, while red synthetic and blue observed lines draw with animated stroke-dasharray transitions via `transition.attrTween` from data in `data.js`. D3.v7 scales (`scaleBand`, `scaleLinear`) and axes (from `graphLayout.js`) render the SVG, with an animated legend below.

AI-generated description

A demonstration of my unability to create line graphs. In fact this is the vizualizations for my masters thesis, second step on the way. The thesis was about comparing the impact of Special economic zones across countries using Synthetic control methodology.

You may find the models on Github.

MIT Licensed

Similar vizzes

Loading thumbnail…

synth_vizualization_attempt

Two animated line charts compare observed and synthetic GDP for Andhra Pradesh from 1990 to 2021, with a dashed vertical line marking the 2007 treatment year. The orange observed series and teal synthetic series draw themselves over two seconds using `transition.attrTween` with `stroke-dasharray` in D3 v7. An SVG grid, axes, and title appear with fade-in transitions. Data comes from a master's thesis on synthetic control methodology for special economic zones.

IIgorGorin00

91% match

Loading thumbnail…

synth_vizualization_attempt_bar

A bar chart displays gross domestic product values for eleven Russian regions, ranking Special Economic Zone impact from a synthetic control study. Each bar animates upward from zero with a two-second transition and staggered delays, highlighting regional differences in economic outcomes. The visualization uses d3.v7's `scaleBand`, `scaleLinear`, axis generators, and `transition` methods, rendered as SVG with a dark purple background and pink gridlines. Data originates from a GitHub repository comparing special economic zones across countries using synthetic control methodology.

IIgorGorin00

72% match

Loading thumbnail…

Fork of Fork of ICE 7 Area Chart

This example shows India’s GDP from 2000 to 2008 using a combined line and area chart, with the line tracing annual values and the area beneath it filled in aqua. The visualization is built with D3 v5, using `scaleLinear` for both axes, `line` and `area` generators with `curveBasis` for smoothing, and `axisBottom` and `axisLeft` for labeled ticks. Data is loaded as CSV from a GitHub gist, and the SVG output includes gridlines, axis labels, and a blue title. The chart highlights trends while stacking the area to emphasize magnitude.

Pprachow

67% match

Loading thumbnail…

Fork of DV ICE7- Area Graph

This area graph visualizes India’s GDP from 2009 to 2022 using a smooth curve. The chart plots years on the x-axis and GDP values on the y-axis, with axes formatted and labeled accordingly. Built with D3 v5, it uses `scaleTime`, `scaleLinear`, `area`, `curveBasis`, `axisBottom`, and `axisLeft` to render SVG elements. Data is loaded from a CSV file via `csv()`, with GDP converted to numeric values before rendering.

Pprachow

66% match

Loading thumbnail…

Fork of ICE7_Area_chart

This area chart shows India's GDP over time, with a smooth curve filling the space beneath the line in purple. The visualization uses D3 version 6 APIs including `scaleTime`, `scaleLinear`, `area`, and `curveBasis` to generate the SVG path, while `axisBottom` and `axisLeft` create labeled axes with gridlines. Data is loaded asynchronously from a remote CSV file. The chart includes custom axis labels, tick formatting that abbreviates large GDP values, and a title.

Pprachow

66% match

Loading thumbnail…

Fork of ICE-7(Line Chart)

This example visualizes India's GDP over time using a line chart, with the x-axis mapping years and the y-axis representing GDP values. The chart includes labeled axes, a title, and gridlines to aid readability. Built with React and D3 v5, it loads CSV data from a GitHub gist via `d3.csv`, then uses `scaleTime`, `scaleLinear`, `axisBottom`, `axisLeft`, and `line` to construct the SVG rendering. The code applies custom CSS for styling, including tick labels, axis colors, and the indigo stroke of the line path.

Pprachow

66% match

Loading thumbnail…

Interactive Line chart

An interactive line chart displays a selected economic indicator—GDP, CPI, life expectancy, or tax revenue—across an indexed x-axis. Users choose an indicator via a dropdown menu, triggering a brushless update that rescales axes and redraws the steelblue line path. Built with React and D3 v7, it loads CSV data from a GitHub repository and renders interactive SVG elements using d3.csv, d3.scaleLinear, d3.line, and d3.axisBottom/Left.

LLayaMyadam@my.unt.edu

65% match

Loading thumbnail…

Area Chart

This area chart displays India's GDP in billions from 2011 to 2020, using a filled pink path with a cyan stroke over a time-based x-axis and linear y-axis. The visualization loads CSV data from a GitHub gist, parsing years as dates and GDP values as numbers. Built with D3 v5, it uses `scaleTime`, `scaleLinear`, `axisBottom`, `axisLeft`, and the `area` generator with a `curveBasis` interpolation to create the smooth shaded region. Margins, axis labels, and a title are positioned using SVG groups, with tick lines and labels styled via CSS.

Uubl2

65% match