The avatar for @thehogfather
Patrick Oladimeji
Data | Info Vis | Lots of passion for building dependable interactive systems.
Public
Edited
Feb 25, 2024
1 star
Industrial
Food Prices of India, 1994–2021Large Food Retailer Investments By Industry 2010-2021Under The InfluenceFood Access
Nigeria Household: Amount spent on food
Estimating the environmental impacts of 57,000 food products, part 2Food Snobs eat at Oleana, Cambridge MAVisualizing Worldwide IPC Food Security DataZoomable Sunburst for food imports in the US from 2010 to 2017.Food supply chainLet's talk about seeds!Regional crop yields in GermanyThe 10 Most Important CropsInteractive Exploration of Wine Quality and ValuationExploring Livestock Data around the world 🐓🐑🐄Influence of soil quality and soil moisture index on crop yieldsForest Area By Selected Countries Since 1990Magic Balls FactoryIn store displays make a significant impact on the sale of Honey Nut CheeriosTransparency in Programmatic Advertising MarketplacesAnalysis of two cereals owned by the same brand display unique characteristics and periods of success.F1 Drivers 1997 - 2023Bar Chart Race, ExplainedF1 Constructor Standings 2010-2019Asia’s Regenerative Energy Future2022 Q2 PROFIT: 🛢 vs. 👨‍💻🛢 Oil SpillsHow flights between Europe and Eastern Asia got disruptedData Visualization - Impact of Covid on US Aviation (year 2020)Final Project: What makes an airline succesful?What's the deal with airline fares?2020/W16: Food: Greenhouse Gas Emission across supply chainInventory Manager -> Product alertEU Fishing FlowWarehouse Visualization with DataVisualVisualizing wind turbines in 3D using threebox
Also listed in…
Nigeria General Household Survey (Wave 4)
Insert cell
md`# Nigeria Household: Amount spent on food`
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
getStateColor = (d) => {
const state =
d.properties.admin1Name === "Federal Capital Territory"
? "Abuja"
: d.properties.admin1Name;
return colorScale(meanSpendPerHeadByState[state]);
}
Insert cell
getStateSpend = (d) => {
const state =
d.properties.admin1Name === "Federal Capital Territory"
? "Abuja"
: d.properties.admin1Name;
return `${state}

₦${meanSpendPerHeadByState[state].toFixed(0)}`;
}
Insert cell
Insert cell
Insert cell
Insert cell
height = 300
Insert cell
householdData.length
Insert cell
d3.max(householdData, getSpendPerHead)
Insert cell
d3.max(householdData, d=>d.numberInHousehold)
Insert cell
Type JavaScript, then Shift-Enter. Ctrl-space for more options. Arrow ↑/↓ to switch modes.

Insert cell
meanSpendPerHeadRural = d3.mean(ruralHousehold, getSpendPerHead)
Insert cell
width = 700
Insert cell
d3 = require('d3@5')
Insert cell
import { histogram, ruralHousehold, urbanHousehold, householdData, states, zones, sectors } from '@thehogfather/nigeria-household-survey-wave4'
Insert cell
import { states as statesGeoJSON } from "@thehogfather/nigeria-geo-plot-templates"
Insert cell
import {vl} from '@vega/vega-lite-api'
Insert cell
import {select} from "@jashkenas/inputs"

Insert cell
Insert cell
Insert cell
import {legend} from "@d3/color-legend"

Insert cell
tippy = require('https://unpkg.com/tippy.js@6')
Insert cell

One platform to build and deploy the best data apps

Experiment and prototype by building visualizations in live JavaScript notebooks. Collaborate with your team and decide which concepts to build out.
Use Observable Framework to build data apps locally. Use data loaders to build in any language or library, including Python, SQL, and R.
Seamlessly deploy to Observable. Test before you ship, use automatic deploy-on-commit, and ensure your projects are always up-to-date.
Learn more