Untitled

100%

✓ Published1🌍 Public

Last edited Jan 31, 2022

Created on Jan 30, 2022

This visualization compares ciprofloxacin MIC values with fluoroquinolone resistance genes across six bacterial isolates using a Google Bubble Chart. The x-axis shows fluoroquinolone-resistant determining factors, the y-axis displays MIC levels in µg/mL, while bubble size encodes MIC value and color distinguishes isolates. The chart uses the Google Charts API's `google.visualization.BubbleChart` with data embedded directly via `arrayToDataTable`. An untitled D3.js script in the same project renders a separate bar chart of population data from a CSV.

AI-generated description

MIT Licensed

Similar vizzes

Loading thumbnail…

Untitled

This bubble chart displays the correlation between ciprofloxacin MIC values and the presence of fluoroquinolone-resistant genes, with the x-axis representing resistant determining factors and the y-axis measuring MIC in µg/mL. Each bubble’s size encodes the MIC value, while color distinguishes isolates. The visualization is built using Google Charts’ `google.visualization.BubbleChart` with `arrayToDataTable` to convert hardcoded data from `data.csv`, and includes options for axis titles and bubble text styling.

Mmanishabehera

92% match

Loading thumbnail…

ctx

This example visualizes the presence or absence of antibiotic resistance genes across 10 bacterial isolates using a dataset from a CSV file. The visualization displays a circular node-link diagram where green circles represent individual genes or clades, connected by lines to show co-occurrence patterns. The implementation uses D3.js with a force simulation (`d3.forceSimulation`) to position the nodes, while the chart type is defined as a vertical bar-like layout via `cht=v` and `chd=t` parameters, suggesting a Google Charts API formatting. The data is parsed from a tab-separated CSV and rendered in an HTML page with custom styles for circles and text.

Mmanishabehera

70% match

Loading thumbnail…

Untitled

A multi-line chart tracks annual influenza-like illness (ILI) totals per week, with one line per year from 2015 to 2019. Each line uses a categorical color scale for the year, visually distinguishing seasons for direct comparison. The visualization is built with the vega-lite-api library, which compiles specifications to SVG via vega-lite, and it aggregates the raw CDC ILINet surveillance data by year, region, and week. The data is loaded as CSV, and the chart encodes the summed ILI totals along the y-axis against week numbers.

Aavesh1998

65% match

Loading thumbnail…

Untitled

This visualization displays COVID-19 total cases by location using a bar chart rendered with SVG. It loads data from a CSV file via d3.csv, then uses d3.scaleBand for the categorical x-axis and d3.scaleLinear for the y-axis, with a fixed domain of 0 to 13. The bars are drawn as rectangles with a teal fill, and axis labels are rotated for readability. The chart is built with d3.v4 within a React framework, though the core logic is plain D3 JavaScript.

Bbhargav83

64% match

Loading thumbnail…

ILINet Flu Surveillance Data Interactive Visualization

This interactive visualization displays ILINet flu surveillance data from CDC FluView, showing a scatter plot of weekly state-level metrics where circle size encodes total ILI patients, color distinguishes years, and position encodes the selected field (e.g., ILI percentage) over week of the year. It also includes a choropleth map of the U.S. rendered with `d3.geoPath` and `topojson`, plus a horizontal bar chart ranking states by average ILI percentage using `d3.scaleBand` and `d3.scaleLinear`. Users switch data fields via a React dropdown. The D3.v5 and React code loads CSV data from a remote gist.

Yyuzhang21

63% match

Loading thumbnail…

Working Title

This interactive visualization presents the CDC's ILINet flu surveillance data through four coordinated panels. A line chart shows annual trends, a choropleth map displays geographic distribution, a bar chart ranks top states, and a second line chart highlights selected states’ yearly patterns. Built with React and D3 v5, it uses `d3.scaleBand`, `d3.scaleLinear`, and `d3.scaleOrdinal` for chart scales, `d3.geoAlbersUsa` and `d3.geoPath` for the map, and `d3.curveCardinal` for smoothed lines. User interactions include hovering and clicking to filter data across panels, with opacity changes to emphasize selections.

Xxiaoma1002

63% match

Loading thumbnail…

Untitled

This visualization shows a bar chart of company performance, comparing sales, expenses, and profit across the years 2014 to 2017. The chart is rendered using the Google Charts loader with the bar package, and data is defined inline via `google.visualization.arrayToDataTable`. The chart element is a material bar chart drawn into a div with the ID `columnchart_material`. The README mentions world population data, but the displayed chart uses hardcoded sample values.

Mmanishabehera

63% match

Loading thumbnail…

ILINet Flu Surveillance Data Interactive Visualization

This interactive visualization explores ILINet flu surveillance data, presenting multiple linked views: a scatter plot, bar chart, and US map. The main scatter plot encodes weekly ILI percentages by year using color, while point size represents total patient counts. A dropdown menu allows switching between different data fields. The visualization uses React for state management and D3.js (v5) for scales, axes, and geographic projection via d3.geoPath, with data loaded from a CSV source via d3.csv.

Yyuzhang21

63% match