synth_vizualization_attempt_bar

100%

synth_vizualization_attempt_bar

✓ Published0🌍 Public

Last edited Jun 5, 2023

Created on Jun 5, 2023

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.

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

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

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

73% match

Loading thumbnail…

Untitled

This interactive bar chart displays GDP per capita for a selection of countries, with bars colored in blue and one highlighted in orange. Users can hover over individual bars to see details and click a checkbox to sort the values in descending order. Built with React and D3 v4, the visualization uses `d3.scaleBand` and `d3.scaleLinear` to map country names and GDP values to SVG coordinates, with `d3.axisBottom` rendering the x-axis labels. The dataset is embedded directly in the code, and CSS classes define the bar colors for normal and highlighted states.

UUtsav Vachhani

73% match

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

72% match

Loading thumbnail…

Act 6.2

This stacked bar chart displays GDP growth rate distributions across six countries, with each bar segmented into five growth-range categories using distinct colors. The visualization uses d3.stack() to process the CSV data and d3.scaleBand() for country positioning. Tooltips reveal exact percentages on mouseover via event handlers. The SVG rendering employs d3.axisBottom with gridlines, custom color palettes, and d3.format() for numeric precision.

VVenkataSatyaRamKamini@my.unt.edu

72% match

Loading thumbnail…

Making a bar chart

This bar chart displays the populations of nine countries, with horizontal bars ranked from China to Russia. The visualization uses D3 v5 to load CSV data and render SVG elements. It applies `scaleLinear` for the x-axis population values and `scaleBand` for the categorical y-axis, with margins and axes created via `axisLeft` and `axisBottom`. The bars are appended as `rect` elements with a steelblue fill, and the data is parsed by converting population strings to numbers and multiplying by 1000.

Hhugomell

71% match

Loading thumbnail…

Act 6.2

This stacked bar chart displays the percentage distribution of GDP growth across six categories for 14 countries, with each bar segmented by growth range. The visualization uses d3.stack() to process the CSV data and d3.scaleOrdinal() for coloring. Hovering over a segment triggers a tooltip showing the precise percentage, while the y-axis uses d3.scaleBand() for country labels. The SVG rendering includes custom axes and a color legend, with the code loading D3 v7 via UNPKG.

VVenkataSatyaRamKamini@my.unt.edu

71% match

Loading thumbnail…

Bar Chart

A horizontal bar chart ranks Russia’s fifteen largest cities by population, using the d3.csv loader to parse data from a local CSV file. The visualization relies on d3.scaleLinear for the population axis and d3.scaleBand for city names, with axes generated by d3.axisLeft and d3.axisBottom. Each rectangle’s height comes from the band scale’s bandwidth, and the SVG viewport is 960 by 500 pixels. Data originates from statdata.ru.

Ssakhabutdinov

71% match