CxD Archive
Project: Data Visualization (Dashboard)
Project: Data Visualization (Dashboard)
  • The Challenge
  • Project Instructions
    • 1 Discover & Define Problem
      • 1-1 Exploring Visualizations
      • 1-2 Dashboard Template Tutorial
      • 1-3 Concept Ideation
      • 1-4 Concept Selection and Sketches
      • 1-5 Concept Evaluation
      • 1-6 Team Proposal
    • 2 Design & Build Solution
      • 2-1 Define Dashboard Elements
      • 2-2 Data Collection Plan
      • 2-3 Prototype
      • 2-4 Development
      • 2-5 Present a Development Review and Demonstration
    • 3 Evaluate & Refine Solution
      • 3-1 Dashboard Evaluation
      • 3-2 Dashboard Improvement Targets
      • 3-3 Team Process Documentation
      • 3-4 Prepare Demonstration and Process Review
    • 4 Share Project with Public
      • 4-1 Individual Reflection
      • 4-2 Present Project to Public
  • Reference
    • Data Dashboard Code Library
    • Data Vizualization For All (Online Book)
Powered by GitBook
On this page
Export as PDF
  1. Project Instructions
  2. 2 Design & Build Solution

2-4 Development

Previous2-3 PrototypeNext2-5 Present a Development Review and Demonstration

Last updated 6 years ago

Now that you have a clear design target for the data and visualization, it's time to determine a simple plan for development. The following three activities are a good way to divide up tasks and responsibilities.

Instructions

1. Verify your team member roles and responsibilities for development.

  • Data Collection - Your team should already have some good data downloaded and you may have surveys ready to go from your earlier planning. You will still want to consider new online searches or surveys as your team learns more during development. A large part of your time will be refining, testing, and executing your surveys. You will want to ensure that all data is in a usable format for programming the visualizations.

  • Design Style and Writing - The style and writing for your visualization should not be taken lightly. Carefully develop a style (colors, fonts, layout, etc.) that is clear, engaging, and reflects the purpose of your work. While you will aim for creating only two or three paragraphs of text as part of your visualization, you want the writing to also be very clear, engaging, and fully reflect the purpose of your work. Do several iterations for improvement. You will also be responsible for the clarity of labels and annotation in your visualizations.

2. Team Planning

Once you have determined who will take what roles, discuss the first steps each team member will take in the development and how you will collaborate along the way.

Programming - There are different paths you could take to programming your visualization and you may actually want to mix your methods. For example, you could create static charts in Google sheets and export them as a .png image file and insert them with HTML in your final web page. But for dynamic and custom visualizations, you will want to work in Javascript using the as a starting point. Carefully consider your options.

template and code examples