Prototyping

As explained in Everyday Data Visualization

A prototype is an early-stage version of a design created to test concepts or demonstrate potential options rather than serve in production.

Prototyping turns a design idea into an early, testable version before anyone commits to the real thing. A prototype is for exploring concepts, demonstrating options, and learning what works—not for production. It can be a sketch brought to life in a visualization tool, a rough dashboard, or any functional experiment that gets an idea out of someone’s head and onto the screen. section 8.3.2 section 8.4.1

Keep it deliberately rough. Code may be hacked together, data may be incomplete, and visual polish can wait; the useful question is whether the prototype runs and tests the intended idea. Starting directly in a tool is a fine alternative to sketching, especially when real data reveals how visuals will behave, but pixel-perfect work this early wastes development time. section 8.3.2 section 8.4.1

A practical dashboard prototype usually involves a few simple moves:

• Use real data when it is available, or substitute data with a similar structure and appearance. section 8.4.1 section 9.5
• Build enough of the layout and interactions to test whether the idea is possible. section 8.3.2 section 8.4.1
• Show the working version to users and stakeholders, then revise from their feedback. section 8.4 section 8.4.1

Settling a dashboard disagreement

When wireframes did not convince skeptical stakeholders, a quick prototype using their real data made an alternative dashboard design tangible. Seeing a functional version changed the discussion: the stakeholders preferred the prototype’s approach, even though the final dashboard later evolved from it. section 9.2.2 section 9.5

Figure 8.7 The three-step iterative development cycle: plan, build, get feedback, do it all again

Use the iterative cycle as a reminder that a prototype is a build within a repeating loop: plan, build, get feedback, and repeat. section 8.4

How Everyday Data Visualization covers it

How deep it goes

Explains a practical workflow from representative data through rough implementation, interaction testing, and feedback, without prescribing a specific visualization tool.

Examples

Uses rough dashboard builds, survey-like sample data, and a stakeholder-facing prototype built with real data.

What it assumes

Assumes a chosen visualization tool and teaches prototype data selection and rapid, imperfect implementation from there.

What you can do after

Apply it via a chosen visualization tool to test interactions and demonstrate a dashboard design quickly.

How it connects

Connects prototyping with sketching, layout ideas, wireframes, mockups, stakeholder feedback, interaction patterns, and iterative development.

liveBookmanning.com

Read Everyday Data Visualization on liveBook Get the book at manning.com

Also explained in

• 

  liveBookmanning.com
  Designing Deep Learning Systems: A guide for software engineersPrototyping is an experimental phase for evaluating candidate algorithms and building proof-of-concept models against a business requirement.
• 

  liveBookmanning.com
  Effective Platform EngineeringA prototype is an early interactive or visual representation of a product feature used to explore and evaluate a design.
• 

  liveBookmanning.com
  Design for DevelopersA prototype is a preliminary version of a product or feature created for evaluation before implementation.
• 

  liveBookmanning.com
  The Art of AI Product DevelopmentA prototype is an early or simplified version of a product or feature that demonstrates its behavior for learning and evaluation.
• 

  liveBookmanning.com
  Lead Developer Career GuideThe practice of creating an early, simplified model of a product or feature to evaluate feasibility and gather feedback.
• 

  liveBookmanning.com
  Delivering Machine Learning Projects: From design to deploymentA prototype is a preliminary implementation created to demonstrate and evaluate a proposed system or interaction.
• 

  liveBookmanning.com
  Effective Data AnalysisRapid prototyping is an approach that creates and iteratively refines preliminary versions of a product or deliverable.

Compare how 8 books explain prototyping →

Related concepts

• requirementsproduces · A requirement is a stated need, capability, quality, condition, or constraint that a system, product, solution, or project is expected to satisfy.
• Streamlitused by · Streamlit is an open-source Python framework for building interactive web applications, particularly for data and machine-learning applications.
• agile architectureused by · Agile architecture is an iterative approach to architectural design that incorporates collaboration, experimentation, feedback, and emergent decisions.

This explainer was generated by Manning's knowledge graph from the text of Everyday Data Visualization. The section links point to the parts of the book it draws on.