Untitled

100%

✓ Published0🌍 Public

Last edited Jan 31, 2022

Created on Jan 31, 2022

Forked from 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.

AI-generated description

MIT Licensed

Similar vizzes

Loading thumbnail…

Untitled

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.

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

65% match

Loading thumbnail…

ILINet Flu Surveillance Data

This visualization displays national ILI total flu cases from 2015 to 2019 as overlaid annual curves, highlighting yearly patterns and enabling direct comparisons. The chart uses an unordered color encoding for the ordered year field, which impairs readability because viewers cannot infer temporal order from color alone. Built with vega-lite-api and d3.csv, the code loads data from a Gist containing CDC FluView Interactive data, with vega-tooltip providing interactivity and a custom config for axis styling.

AAakash Sangwan

59% 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

58% 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

58% match

Loading thumbnail…

Fork of ILINet Flu Surveillance Data

This line chart tracks total ILI flu cases in the US per week, with individual curves for each year from 2015 to 2019, using an ordered color scale where darker shades indicate more recent years. Built with the vega-lite-api and d3.csv to load CDC FluView data, the visualization aggregates ILITOTAL by year, region, and week before encoding week on the x-axis, case totals on the y-axis, and year as an ordinal color field. The result enables direct year-over-year comparisons, highlighting seasonal peaks and variations without interaction.

SSrividya Panchagnula

58% match

Loading thumbnail…

汇总

This dashboard aggregates four coordinated views of CDC ILINet flu surveillance data. A line chart shows annual weekly trends by year, a choropleth map displays state-level averages, a bar chart ranks the top states, and a multi-line chart highlights those states’ seasonal patterns. Built with React and D3 (v5), it uses `d3.scaleOrdinal`, `d3.geoAlbersUsa` with `d3.geoPath`, and SVG for rendering. Hovering and clicking across views filters and highlights linked selections.

Ppandeykriti

58% match

Loading thumbnail…

ILINet Flu Surveillance Data

This visualization displays ILINet flu surveillance data, plotting weekly influenza scores over time and coloring each line by its cluster signature to reveal grouped trends across the dataset. The chart uses a line mark with tooltips that show the standard deviation for each point. Built with the vega-lite-api library, it loads CSV data via d3.csv, configures axes and styling through a custom config object, and renders the final result as an SVG using vega and vega-lite.

JJorge Emilio Zapata Godoy

58% match