Home▸Economics & Social Systems▸Consumer Choice: Utility Maximization

Consumer Choice: Utility Maximization (2D)

Interactive 2D consumer-choice diagram: drag the bundle along the budget line, adjust prices, income and preference weight, and watch the indifference-curve family show exactly why the point of tangency maximizes utility.

Economics & Social Systems2DModerate60 FPS📱 Mobile-adapted⇄ 3D version
2d-microeconomics ↗ Open standalone

This 2D companion plots the classic consumer-theory diagram directly: quantities of good X and good Y on the two axes, the orange budget line pxx + pyy = I, and a family of Cobb-Douglas indifference curves U(x,y) = x^α·y^(1-α). Sliders for both prices, income and the preference weight α redraw the whole picture in real time and recompute the closed-form optimum x* = αI/px, y* = (1-α)I/py. A draggable red bundle lets you pick any point along the budget line yourself and see its own indifference curve and utility next to the true optimum — dragging away from the yellow tangency point always costs utility, which is exactly the geometric content of "marginal rate of substitution equals the price ratio" at the optimum.

⚙ Under the hood

A 2D consumer-choice diagram: drag a bundle along the budget line, adjust prices, income and preference weight, and see the indifference-curve family show why the point of tangency maximizes utility.

microeconomicsconsumer-theoryutility-maximizationindifference-curvesbudget-constraintcobb-douglas2d

2D · HTML5 Canvas 2D · 60 FPS target · runs fully client-side, no install

What did you find?

Add reproduction steps (optional)