Fork of CV: Pseudo Scatter Plot

100%

Fork of CV: Pseudo Scatter Plot

✓ Published0🌍 Public

Last edited Nov 10, 2025

Created on Nov 9, 2025

This dashboard presents a collection of agricultural production charts for the world's top countries, using a multi-page website format. It includes an area chart showing production contributions over time, a bar chart comparing output across countries and products, and a line chart depicting yearly production trends. The site is built with Vue and features a Tailwind CSS-based interface, with navigation managed through JavaScript to load different chart views. Each chart is presented as a static PNG image with accompanying descriptive text within the dark-themed interface.

AI-generated description

MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of Food Production Stacked Bar Chart

This visualization displays the estimated food production for major continents in 2021, broken down by food type using stacked horizontal bars. It uses D3.js scales such as `scaleBand` and `scaleLinear`, with `axisBottom` and `axisLeft` for axes. The data comes from a Kaggle dataset on world food production, loaded as CSV and filtered to the year 2021. A color legend with mouse interactions highlights specific food categories on hover, applying a fade effect to non-selected bars.

HHaili0109

73% match

Loading thumbnail…

Fork of pie chart

A fork of a pie chart visualizes the share of agriculture in GDP for ten countries from a local CSV file. Each slice’s angle encodes the percentage value, with hover effects increasing slice opacity. The visualization uses D3.js v7’s `d3.pie`, `d3.arc`, and `d3.scaleOrdinal` with the Tableau10 color scheme. Country labels are positioned at slice centroids, and a legend clarifies the mapping between colors and country names with their percentages.

Kkoppulasudhakar03@gmail.com

72% match

Loading thumbnail…

Fork of Pie chart-ice-7

This visualization shows the top 10 countries by monthly farming output using a pie chart, with each slice labeled by country name and a legend displaying exact dollar amounts. The chart renders in SVG, fetching CSV data from a GitHub gist and parsing it with d3.csv. It uses d3.pie() to compute arc angles, d3.arc() for the path and label positioning via centroid, and d3.scaleOrdinal() to map a fixed color palette. Text elements use white fill per the CSS, though labels are overridden to black.

SSaiipriiya

72% match

Loading thumbnail…

Food Production with multiple dropdowns

This interactive visualization explores global food production trends using dropdown menus to select a crop type and a country. It employs D3.js, importing functions like `select`, `scalePoint`, and `scaleTime` to render multi-line charts, with colors assigned via an ordinal scale using `schemeSet2`. The chart displays annual production in tonnes for the chosen food item across all countries, or all food items for one country, based on data from the `@lukesavoie/worldfoodproduction` package. The interface responds to user selections by filtering and redrawing paths.

Llrsavoie@wpi.edu

71% match

Loading thumbnail…

Fork of Crop_Yield Data

This example visualizes annual crop production across Indian states from a CSV dataset, using a line chart to show yield trends over time. The viz.js file employs the Vega-Lite API to map Crop_Year to the x-axis, Production to the y-axis, and State to color, with a tooltip displaying the crop name. The chart is rendered by the Vega-Lite API, which is registered with VEGA and a tooltip handler. The data is loaded via D3’s `csv` function from a GitHub repository, and the appearance is customized through the `config.js` file, adjusting axis colors and fonts.

BBhanu Siva Kumar Kommana

71% match

Loading thumbnail…

Fork of Fork of Food Production Stacked Bar Chart

This stacked bar chart visualizes estimated food production by continent for 2021, using data from a Kaggle world food production dataset. Each horizontal bar is segmented by food type, and a color legend allows interactive highlighting that fades non-matching segments and adds a stroke to the selected category. The visualization uses D3’s `scaleBand`, `scaleLinear`, `stack`, and `flatRollup` to transform and render the data, with responsive axes from the `@curran/responsive-axes` library and custom color legend interactivity.

BBrayo

71% match

Loading thumbnail…

Fork of Fork of PIE CHART

This example visualizes country-level data over time as a multi-line chart, with each line representing a country’s values across a series of years. The chart is rendered in SVG using D3 v7, fetching data from a CSV file via `d3.csv`. It employs `d3.scaleLinear` for both axes, `d3.line` to generate the paths, and `d3.axisBottom` and `d3.axisLeft` for tick marks, with rotated x-axis labels for readability. Each country’s line is colored using `d3.schemeCategory10`.

Mmukundakrishna.r@gmail.com

71% match

Loading thumbnail…

Fork of piechart ic7

This example shows global fruit production by country for 2019, displaying each nation’s total value as a slice of a pie chart with an adjacent legend listing country names and corresponding quantities. The visualization uses D3 v5’s `pie` and `arc` generators to compute and draw the SVG paths, with `scaleOrdinal` mapping categories to a fixed color palette. Data is loaded asynchronously via `d3.csv` from a GitHub Gist, and the code formats the numeric values using `d3.format` before rendering the chart and legend inside an SVG container.

Ssiddu7147

70% match