Skip to main content
SimilarExport ZIP
100%

Craft Breweries in California

✓ Published0🌍 Public
KKaitlyn Trudeau
Last edited Sep 17, 2020
Created on Sep 17, 2020

This visualization displays a simple bar chart of aggregated annual death counts in Syria from 2011 to 2018, using data sourced from the Violations Documentation Center. The page renders an SVG rectangle as a placeholder, while D3 v4 selects an `h3` heading to change its color and font size, and creates an unordered list of fruits. The code demonstrates basic D3 data binding with `selectAll`, `data`, and `enter`, though the actual bar chart for the CSV data is not implemented.

AI-generated description

Aggregated data on deaths in Syria, 2011 - June 2019.

This data was downloaded from the Database Access page of the Violations Documentation Center in Syria using this Node.js scraping and aggregation script.

MIT Licensed

Similar vizzes

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

bar viz for testing

This example visualizes death rates by year using a horizontal bar chart, with each bar’s length encoding the death count and the y-axis listing years. The chart is rendered as SVG using D3.js v5, primarily leveraging `d3.csv` to load data, `scaleLinear` for the x-axis, `scaleBand` for the y-axis, and `axisBottom`/`axisLeft` for tick generation. Data is sourced from a CSV file, and death values are multiplied by 1,000 before plotting. Styling is applied via CSS, setting bars to steelblue and customizing axis text.

Mmomopng
69% match
Loading thumbnail…

Beer Style

This visualization explores the craft beer landscape by showing how the top 20 beer styles vary in rating, popularity over time, ABV, IBU, and production across US states. It combines multiple linked charts, including kernel density plots for ratings, ABV, and IBU, plus a state-based histogram, using D3 v7’s `kde` and `epanechnikov` functions for density estimation. Users interact via a multi-select dropdown and slider to filter beer styles and rating ranges, with SVG transitions updating the charts. The data appears to come from a beer review dataset, with the visualization built using D3 and jQuery UI for the slider, and rendered as animated SVG elements.

CChao Pang
69% 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
69% 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
68% match
Loading thumbnail…

Bar chart with D3.js

A bar chart displays total victims of mass shootings across ten US states, with California, Texas, and Florida leading. Hovering over a bar highlights it, dims value labels, and draws a dashed threshold line showing the divergence of other states from the selected one. The visualization uses D3 v5 with SVG rendering, scales such as `d3.scaleBand` and `d3.scaleLinear`, and axis generators for gridlines. Data comes from an embedded sample array, while CSS styles the container, bars, and text.

Ssenthilrajendran1
68% match