Skip to main content
SimilarExport ZIP
100%

KenyaData

✓ Published0🌍 Public
RRonald Yagan
Last edited Mar 9, 2021
Created on Mar 9, 2021

This visualization displays the relationship between retail prices in USD per 1000 and the year, with each bar colored by market, using a bar chart rendered with the vega-lite-api library. The data is loaded from a CSV file containing food prices in Kenya via d3.csv. The chart uses vega and vega-lite for rendering, with a custom configuration for axis styling and tooltip handling via vega-tooltip. The visualization adapts its size to the window dimensions.

AI-generated description

A visualization constructed using the vega-lite-api.

MIT Licensed

Similar vizzes

Loading thumbnail…

kenya data visualization

This visualization displays food price trends in Kenya using a circular scatter plot, where each point represents a product’s retail price in USD per 1000 units over time, colored by product type and sized by weight. The interactive chart is built with the Vega-Lite API, registered through D3.js, and renders as SVG with tooltips. Data comes from the UCI Machine Learning Repository via a CSV fetched with `d3.csv` in the `getData.js` module. The layout uses a time axis for the year and a quantitative scale for prices, with customizable axis and label styling from `config.js`.

RRonald Yagan
89% match
Loading thumbnail…

Untitled

This interactive bar chart visualizes XYZ Foods stock prices from 2011 to 2016, with dollar-valued y-axis labels and a traditional bar layout. Built with D3 v4, the visualization uses `d3.scaleBand` for the x-axis, `d3.scaleLinear` for the y-axis, and SVG rendering with animation. Hovering over a bar triggers a `mouseover` event that highlights the bar in orange, expands its dimensions, and displays a temporary price label, while `mouseout` reverts these changes. Data is loaded from a local CSV file.

KKrishnaVamsi09
65% match
Loading thumbnail…

Untitled

This bar chart displays XYZ Foods stock prices from 2011 to 2020, with dollar values on the y-axis and years on the x-axis. It is built with D3 v4, rendering as SVG. The visualization uses `d3.scaleLinear` for the value axis, `d3.scaleBand` for the categorical year axis, and `d3.axisBottom` and `d3.axisLeft` for tick marks. Data is loaded from the local `data.csv` file, with bars styled in steelblue via CSS.

SSwapna1915
64% match
Loading thumbnail…

Untitled

A bar chart displays XYZ Foods stock prices from 2011 to 2020, with dollar values on the y-axis and years on the x-axis. The visualization uses d3.csv to load the data and d3.scaleBand with d3.scaleLinear to map the values, rendering steelblue rectangles in an SVG. Axis labels are added via d3.axisBottom and d3.axisLeft, with a title highlighting the dataset’s topic.

Ssumaiyamahin
62% match
Loading thumbnail…

Untitled

A bar chart displays the yearly stock price of XYZ Foods, with dollar values on the y-axis and years on the x-axis. The visualization uses d3.csv to load external data and d3.scaleBand with d3.scaleLinear to map the values. SVG rectangles styled with a “bar” class render the bars, while d3.axisBottom and d3.axisLeft generate the labeled axes.

Jjshujaa2
62% match
Loading thumbnail…

Untitled

This visualization displays the stock price of XYZ Foods from 2011 to 2020 as a bar chart, with each bar representing a yearly value. The chart is rendered as SVG using D3 v4, with `d3.scaleBand` for the x-axis years and `d3.scaleLinear` for the y-axis price in dollars. Axes are generated with `d3.axisBottom` and `d3.axisLeft`, and the CSV data (`XYZ.csv`) is loaded and parsed via `d3.csv`. The bars are styled with a grey fill and labeled with "Year" and "Stock Price" annotations.

Nnataliaharrow
62% match
Loading thumbnail…

Untitled

This bar chart displays the stock price of XYZ Foods from 2011 to 2016, with values increasing from $45 to $78. The visualization uses D3.js v4’s `d3.scaleBand`, `d3.scaleLinear`, and `d3.axisBottom`/`d3.axisLeft` to render an SVG with animated bars that grow sequentially. Hovering over a bar triggers a mouseover event that highlights it in orange via the `highlight` class, expands its width and height, and shows a temporary `$value` label. The mouseout event reverts these changes and removes the label. Data comes from a local CSV file.

WW9183907
62% match
Loading thumbnail…

Project

This interactive bar chart visualizes country-level data from a CSV file, allowing users to filter by continent and select among numerous socioeconomic metrics. The visualization updates dynamically, showing one bar per country, with bars sortable by population in ascending or descending order. Built with D3 v5, it uses `scaleBand`, `scaleLinear`, and `d3.select` for DOM manipulation, while rendering as SVG with animated transitions. Dropdown menus and buttons control the displayed subset, leveraging D3's data-binding capabilities.

Ppatricknicholas27@gmail.com
61% match