Skip to main content
100%

(Hover) Line Chart Food Data

✓ Published0🌍 Public
Llrsavoie@wpi.edu
Last edited Feb 14, 2024
Created on Feb 13, 2024

This interactive line chart visualizes coffee production in Bhutan over time, using World Food Production Data filtered to the country. It renders a single time-series line with a light gray plot area, while a mousemove event tracks the cursor position to draw crosshair lines within the chart’s bounds. The visualization uses D3’s scaleTime and scaleLinear for axes, d3-line for the path, and a ResizeObserver to adapt the SVG dimensions to its container.

AI-generated description

A simple line chart with D3 showing the World Food Production Data for Bhutan's coffee production.

MIT Licensed

Similar vizzes

Loading thumbnail…

Coffee consumption vs. Diabetes

This scatterplot visualizes the relationship between coffee consumption (kg per person per year) and diabetes prevalence (% of population) across 42 countries, colored by GDP category. Each circle represents a country, with the x-axis mapping diabetes prevalence and the y-axis mapping coffee consumption. The chart uses d3.svg.axis with a percentage format for the x-axis and a linear scale for both axes, with the data loaded from a CSV file. An interactive tooltip appears when hovering over a data point, though the code shows the tooltip styling is incomplete (opacity and display are not fully defined). The plot is titled “Coffee Consumption vs. Diabetes Prevalence” and uses a categorical color scale for countries. The data is filtered to European countries and shows no clear overall trend between coffee consumption and diabetes prevalence. The visualization uses D3 v3 and includes axes, dots, and tooltips, with the source attributed to BenHeubl via gist. The chart does not encode GDP, which is included in the data, and the rendering includes SVG and animation. </script> </body> </html>``` The provided text gives raw data and code for the visualization. Craft a concise description. Coffee consumption vs. Diabetes This scatterplot compares coffee consumption (kg per person per year) against diabetes prevalence (% of population) across 42 countries. Each dot is a country. The x-axis shows diabetes prevalence; the y-axis shows coffee consumption. The size of the dot may encode GDP, though the file does not implement this. Use tooltips to show the exact value and country name on hover. Data is from 2013. Each country is colored using category10 (a built-in d3 categorical color scheme). Source: http://www.who.int Note: the CSV header includes "GDP,GDP" twice, so the parser likely treats the second GDP column as an additional, unnamed column. The first GDP column appears unused for mapping in the visualization code (no bubble size or radius is encoded). The data also contains typeGDP columns, but no legend is shown for them in the visualization. A dot chart visualization of the relationship between coffee consumption (x-axis) and diabetes prevalence (y-axis) is shown. Each point is a country. The data is from the World Health Organization (2013?) and shows no correlation. Include tooltip details: Country name, coffee consumption, diabetes prevalence, GDP, and GDP type. Your description should be 2-3 sentences and formatted as plain text. This example shows a scatterplot of coffee consumption (x-axis) versus diabetes prevalence (y-axis) across countries, with each point representing a country. The chart uses a tooltip to display the country name, coffee consumption, diabetes prevalence, GDP, and GDP type when hovering over a data point. While no strong correlation is apparent between the two variables, the visualization makes it easy to explore the data points and identify potential outliers or groupings.

BBenHeubl
63% match