Skip to main content
SimilarExport ZIP
100%

Fork of Violations

✓ Published0🌍 Public
Ttrentjhn
Last edited Oct 29, 2022
Created on Oct 29, 2022
Forked from Violations

This visualization presents a categorical bar chart of documented violations in Syria, showing the count aggregated by province and date. The chart uses a dark color scheme for readability. It loads a CSV file from a GitHub repository and processes it with d3.csv retrieval. The visualization is built using Vega-Lite API via the vl module, with tooltips enabled through the vega-tooltip Handler, and the chart dimensions are set to fit the browser window.

AI-generated description

Scrapes data from the Database Acces page of the Violations Documentation Center in Syria.

Gist: Database Acces page of the Violations Documentation Center in Syria

MIT Licensed

Similar vizzes

Loading thumbnail…

Violations

This interactive bar chart visualizes documented violations in Syria by province and date, sourced from the Violations Documentation Center’s aggregated CSV data. The visualization encodes date on the x-axis, a count of violations on the y-axis, and province as color, with tooltips revealing exact counts. Using the Vega-Lite API (`vl.markBar`, `vl.x().fieldT`, `vl.y().fieldQ`, `vl.color().fieldN`) rendered via `vega-lite-api`, `vega`, and `vega-lite`, the chart dynamically fits the window and applies custom axis styling from `config.js`. The `d3.csv` loader fetches the remote dataset, with the tooltip handler provided by `vega-tooltip`.

MMoooYang
91% match
Loading thumbnail…

Fork of Loading Data SyriaViolationsDocumentationCenter Francesca Sajedi

This visualization displays aggregated Syrian violation records from the Syria Violations Documentation Center, showing the count of civilian and non-civilian casualties across provinces, dates, and responsible actors. The code fetches a CSV file and parses it with `d3.csvParse`, converting the count column to numeric values. Using D3 v7, the visualization initially renders the raw data as JSON text in a `<pre>` element, with a state management pattern where data loading triggers a re-render through the `setState` function. The framework is D3 with a custom `viz` function handling the container updates.

Ffsajedi22
82% match
Loading thumbnail…

Line Plot Francesca

This line chart visualizes the number of reported violations in Syria over time, using data from the Syria Violations Document Center. The chart plots a black line across a time-based x-axis and a count-based y-axis, with axis labels for "Year" and "Number of Violations." The visualization is built with D3 v7, leveraging `d3.scaleTime`, `d3.scaleLinear`, `d3.line`, and `d3.timeParse` to parse the date strings from the CSV file. Data is loaded via `fetch` and parsed with `d3.csvParse`, with the full chart rendered into an SVG element.

Ffsajedi22
77% match
Loading thumbnail…

Untitled

This visualization shows the monthly aggregated death toll in Syria from 2011 to June 2019, plotted as a bar chart over time. The chart uses D3.js to render an SVG with axes, bars, and a tooltip that appears on hover. Data is sourced from the Violations Documentation Center in Syria via a scraping script. The visualization also includes a dynamic title and a responsive layout styled with CSS, with the y-axis and x-axis drawn using D3’s axis components.

Vvaynexie
74% match
Loading thumbnail…

Fork of Monthly Deaths in Syria

This bar chart shows the monthly count of documented deaths in Syria from 2011 to June 2019, with a hovering tooltip revealing the exact number per month. Each bar’s height encodes the death toll, allowing comparisons of peaks and trends across the conflict. The visualization uses the D3 v4 API, including `d3.scaleTime`, `d3.scaleLinear`, `d3.axisBottom`, and `d3.axisLeft`, with data aggregated from the Violations Documentation Center in Syria via a Node.js script. The tooltip is rendered with the `d3-tip` library, and the chart is drawn as SVG rectangles.

MMaldewar
73% match
Loading thumbnail…

Fork of Monthly Deaths in Syria

This bar chart shows the monthly count of documented deaths in Syria from 2011 to June 2019, with a hovering tooltip revealing the exact number per month. Each bar’s height encodes the death toll, allowing comparisons of peaks and trends across the conflict. The visualization uses the D3 v4 API, including `d3.scaleTime`, `d3.scaleLinear`, `d3.axisBottom`, and `d3.axisLeft`, with data aggregated from the Violations Documentation Center in Syria via a Node.js script. The tooltip is rendered with the `d3-tip` library, and the chart is drawn as SVG rectangles.

MMaldewar
73% match
Loading thumbnail…

Fork of Monthly Deaths in Syria

This bar chart shows the monthly death toll in Syria from 2011 through June 2019, using aggregated data from the Violations Documentation Center. Each red bar represents a single month, with a hover tooltip displaying the exact date and count. The visualization is built with D3 v4, using `d3.scaleTime`, `d3.axisBottom`, `d3.axisLeft`, and `d3.tip` for interactivity. Data is loaded via `d3.csv` and aggregated with datalib’s `groupby` and `summarize` methods.

MMalempatiSaranya
72% match
Loading thumbnail…

Database Acces page of the Violations Documentation Center in Syria.

This example summarizes a dataset from the Violations Documentation Center in Syria, displaying its size in kilobytes, row count, and column count on a page. The page uses `d3.csv` to fetch a remote CSV file from GitHub and `d3.csvFormat` to calculate byte length, with `d3` version 5 loaded via a CDN. It answers distribution questions about violation type, location, and time only by presenting the dataset’s basic dimensions, not by rendering charts. The code also includes commented alternatives using `fetch` and `d3.csvParse`.

MMoooYang
71% match