synth_vizualization_attempt

100%

synth_vizualization_attempt

✓ Published2🌍 Public

Last edited May 29, 2023

Created on May 26, 2023

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.

AI-generated description

A demonstration of my unability to create line graphs. In fact this is the vizualizations for my masters thesis, first 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_2

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.

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

74% match

Loading thumbnail…

Untitled

An interactive bar chart displays GDP per capita for a selection of countries, with bars rendered as SVG rectangles. Hovering over a bar highlights it in orange and displays a label with the country name and value, while a checkbox button toggles sorting of the bars in descending order. The visualization uses d3.v4 scales, axes, and transitions for animation, with data hardcoded in a JavaScript array and styled via CSS classes.

Ppriyankab23

68% match

Loading thumbnail…

ICE7 Task4

This visualization displays yearly GDP in billions of dollars, with time on the x-axis and GDP on the y-axis. A thick black line with a green area underneath represents the trend over time, using a basis curve for smoothing. The chart is rendered as SVG using D3 v5, employing `scaleTime`, `scaleLinear`, `axisBottom`, `axisLeft`, `line`, and `area` generators. Data is loaded as CSV from a GitHub gist, with axes styled via external CSS.

Ddineshtadepalli12

67% match

Loading thumbnail…

animated line

An animated line chart displays the changing popularity of a fictional topic over time, with an update button that regenerates the data to show the line redrawing itself with a smooth sinusoid easing. Built with D3.js (v7.8.5), the chart uses `scaleLinear` for axes, `line` for the path generator, and the `transition` API with `easeSin` to animate the stroke-dashoffset over 2.5 seconds. The SVG rendering includes axes and a steelblue path, with fake data defined in JavaScript rather than from an external source.

NNeeraj Kumar

67% match

Loading thumbnail…

Animated area chart with linear gradients

Three synthetic datasets are drawn as smooth, gradient-filled area charts, with each series represented by a different color from the D3 `schemeDark2` palette. The visualization shows how three numeric trends evolve over 30 evenly spaced points, using `d3.area` with `curveMonotoneX` and linear gradients defined in SVG `defs` to fade each fill to white. A legend with interactive mouseover, mouseout, and click handlers toggles series emphasis, while custom axes with dashed gridlines and bold labels are rendered via `d3.axisBottom` and `d3.axisLeft`. The animation is implied by the static SVG, though no transition is present in the code.

AAlexDaGr8

67% 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…

step-path-transition

The visualization shows a line chart of U.S. GDP real values and forecasts over time, with an animated path transition. A glowing dot with a text label traces the data points sequentially as the user clicks “Next,” updating the line segment by segment. A “Restart” button resets the animation. The chart uses D3’s SVG line generator with a dynamic counter to progressively reveal the series, while axes and gridlines frame the data.

11wheel

66% match