Skip to main content
SimilarExport ZIP
100%

Line Plot Francesca

✓ Published0🌍 Public
Ffsajedi22
Last edited Feb 24, 2023
Created on Feb 24, 2023
Forked from Keeling Curve

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.

AI-generated description

Lineplot of the Syria Violations Document Center

Data from: https://github.com/curran/data/blob/gh-pages/SyriaViolationsDocumentationCenter/dataAggregated.csv

Uses:

MIT Licensed

Similar vizzes

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
80% match
Loading thumbnail…

Fork of 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.

Ttrentjhn
77% match
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
76% 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
70% match
Loading thumbnail…

Monthly Deaths in Syria

A bar chart shows the monthly count of documented deaths in Syria from 2011 through June 2019, using red bars over a time-series axis. The visualization relies on D3 v4 scales (`d3.scaleTime`, `d3.scaleLinear`), axes (`d3.axisBottom`, `d3.axisLeft`), and tooltips via `d3-tip` to display the date and count on hover. Data comes from the Violations Documentation Center in Syria, aggregated from a CSV using Datalib’s `groupby` and `summarize`. Hovering highlights the bar with a lighter fill.

CCurran Kelleher
67% 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
66% 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
66% match
Loading thumbnail…

Line Chart

This line chart displays the daily number of crimes over a 31-day period, with the x-axis mapping days and the y-axis mapping crime counts. The SVG rendering uses D3 v4, specifically `d3.scaleTime` and `d3.scaleLinear` for position encodings, `d3.line` for the path, and `d3.axisBottom` and `d3.axisLeft` for axes. Data is loaded from a CSV file via `d3.csv`, with numeric parsing applied to both fields. The line is drawn in steelblue with rounded joins and caps, and the y-axis is labeled "Price ($)".

GGoomble
66% match