Responsive Dashboard Layout | Dataford Interview Questions

Build a responsive layout for a dashboard application.

Implement the layout algorithm that selects a column count from responsive breakpoints and places widgets in input order using the earliest available grid position. Each widget has an identifier, column span, and row span.

Input: a widget list, viewport width, and breakpoint configurations. Output: widget positions containing row, column, rowSpan, and colSpan; spans larger than the active column count must be clamped.

Constraints

0 <= len(widgets) <= 1000
Each widget contains a unique string id, a positive integer span, and a positive integer height
Each breakpoint contains a nonnegative integer minWidth and a positive integer columns
breakpoints contains at least one entry with minWidth <= viewport_width
Breakpoints have distinct minWidth values
Widgets must be placed in input order using the earliest row-major position

Function Signature

def layout_dashboard(widgets, viewport_width, breakpoints):

Your question is Responsive Dashboard Layout. Start with the requirements in the Question tab.

Run and submit as often as you like. When you're ready, talk me through your approach or go straight to the code.

Problem

Build a responsive layout for a dashboard application.

Constraints

0 <= len(widgets) <= 1000
Each widget contains a unique string id, a positive integer span, and a positive integer height
Each breakpoint contains a nonnegative integer minWidth and a positive integer columns
breakpoints contains at least one entry with minWidth <= viewport_width
Breakpoints have distinct minWidth values
Widgets must be placed in input order using the earliest row-major position

Function Signature

def layout_dashboard(widgets, viewport_width, breakpoints):

Your question is Responsive Dashboard Layout. Start with the requirements in the Question tab.

Run and submit as often as you like. When you're ready, talk me through your approach or go straight to the code.