residuosdecultivosgenerados

100%

residuosdecultivosgenerados

✓ Published0🌍 Public

Last edited Mar 4, 2021

Created on Mar 4, 2021

Forked from Mexico Population Analysis (Zone x Pop)

This bar chart shows the sum of crop residue generated per zone across Mexico, with each bar colored by state. The visualization aggregates population data by zone and sorts bars in descending order, with tooltips revealing the state name for each segment. Built with the vega-lite-api, it uses `markBar`, `fieldQ` for quantitative population values, and a category20b color scheme. Data is loaded asynchronously via d3.csv from a GitHub-hosted CSV file, and the chart renders with vega-tooltip handler and custom config for improved readability.

AI-generated description

A visualization constructed using the vega-lite-api.

MIT Licensed

Similar vizzes

Loading thumbnail…

residuosdecultivosgenerados Refactored

This bar chart shows crop residue generation in thousands of kilograms across twelve zones, with each horizontal bar labeled by zone and scaled linearly by its January value. The visualization uses React to render SVG elements, with d3.scaleBand for the categorical y-axis and d3.scaleLinear for the numeric x-axis. Data is loaded asynchronously via d3.csv from a GitHub gist, and tick labels are formatted with a custom "M Kg" suffix. The chart includes gridlines from the bottom axis and zone names from the left axis, implemented through custom React components.

AAndres de la Garza

80% match

Loading thumbnail…

Mexico Population Analysis (Zone x Pop)

This bar chart visualizes Mexico’s population by geographic zone, with each bar’s height representing the summed population per zona and bars sorted in descending order. State-level color coding via a category20b scheme and tooltips reveal additional detail. The visualization is built with vega-lite-api, which registers vega and vega-lite, and loads CSV data from a GitHub gist using d3.csv. Custom configuration adjusts axis, title, and label styling, while vega-tooltip provides interactive hover information.

AAndres de la Garza

80% match

Loading thumbnail…

Mexico Population Bar Chart

This bar chart displays the population of Mexican states, sorted in descending order, with the highest-population states appearing on the left. The visualization is rendered using the vega-lite-api library (version 0.1.0) with d3.v5 for data loading via the `csv` function, pulling from a gist-hosted CSV file. It uses a single bar mark with an opacity of 0.9 and configures axis, title, and label styling for improved readability. The chart dynamically sizes to the window and includes tooltips for each state's population value.

AAndres de la Garza

76% match

Loading thumbnail…

residuosdecultivosgenerados with axes

This visualization displays agricultural crop residue generation data across different zones using a horizontal bar chart. The React component loads CSV data from a GitHub gist and renders a bar chart using SVG, with d3.scaleBand for the categorical y-axis and d3.scaleLinear for the x-axis. The code uses d3.csv for data loading, and d3.max to determine the domain, with axis ticks and labels generated via the scale’s .ticks() method. Each rectangle’s width corresponds to the value for the month of January, with axis lines and text labels providing reference points.

AAndres de la Garza

75% match

Loading thumbnail…

Mexico Population Analysis (Zone Prop)

This visualization plots Mexican population data against geographic zones, with each point representing a zone and its population on the x-axis and zone identifier on the y-axis. The color and tooltip encode surface area in square kilometers. The chart uses the vega-lite-api to construct a circle mark specification, which is rendered by Vega-Lite and Vega with an SVG output. Data is loaded asynchronously via d3.csv from a GitHub-hosted CSV file, and the visualization is configured with custom axis and title styling in config.js.

AAndres de la Garza

75% match

Loading thumbnail…

Mexico Population Analysis (Area x Prop)

This visualization plots Mexican states by population against surface area, with each circle colored and tooltipped by state name. It uses the Vega-Lite API (vl.markCircle, vl.encode with fieldQ/fieldN mappings) to generate the scatterplot from CSV data fetched via d3.csv, rendering through vega and vega-lite with custom config for axis styling. The chart is fitted to the full window size and includes an interactive tooltip handler.

AAndres de la Garza

74% match

Loading thumbnail…

CircleMark Residuos decultivos generados

This visualization displays crop residue waste generated in 2018 across different zones and months, using a circle mark where the size of each circle encodes the WasteKgs value. The chart orders zones on the y-axis and months on the x-axis, with tooltips revealing exact waste amounts. It is built with the vega-lite-api library, which registers Vega and Vega-Lite, and loads data from a CSV file via d3.csv. The visualization applies custom configuration for axis styling and title formatting.

AAndres de la Garza

74% match

Loading thumbnail…

Rect Chart Residuos decultivos generados

A rect chart visualizes crop waste generated across zones by month for 2018, with color intensity representing kilograms of waste and tooltips revealing exact values. Built with the vega-lite-api, the visualization uses `vl.markRect()` and encodes zones on the y-axis and months on the x-axis via a time unit. Data is loaded asynchronously with d3.csv from a GitHub gist, and the chart is rendered with vega and vega-lite, configured for dark text and larger fonts to improve readability.

AAndres de la Garza

73% match