[Term Entry] Add Data Visualization in UX

content/uiux/concepts/data-visualization-in-ux/data-visualization-in-ux.md

@@ -0,0 +1,76 @@
+---
+Title: 'Data Visualization in UX'
+Description: 'Data visualization in UX presents complex data visually to support user understanding and action.'
+Subjects:
+  - 'Web Design'
+Tags:
+  - 'UX'
+  - 'Data Design'
+  - 'Information Architecture'
+CatalogContent:
+  - 'intro-to-ui-ux'
+  - 'paths/front-end-engineer-career-path'
+---
+
+**Data visualization in UX** refers to the design of charts, graphs, dashboards, and visual formats that help users interpret complex data at a glance. Effective data visualizations reduce cognitive load, support decision-making, and enhance the usability of data-rich digital products.
+
+![Map of USA that shows population density](https://raw.githubusercontent.com/Codecademy/docs/main/media/data-viz-in-ux-img-1.png)
+
+In user-centered design, visualizations are more than decorative as help define clear insights and interaction.
+
+## Where UX Meets Data Visualization
+
+Data visualizations show up in a wide range of digital products, each with different user needs and contexts:
+
+- _Dashboards for productivity tools_  
+  Users rely on visual summaries to track progress, spot trends, and make decisions quickly.
+
+- _Financial or analytics apps_  
+  Real-time charts and reports help users monitor accounts, campaigns, or KPIs.
+
+- _Health and wellness trackers_  
+  Visuals like line charts or goal rings help users monitor activity, mood, or progress toward health goals.
+
+- _Surveys and reporting tools_  
+  Aggregated results shown as bar graphs, heatmaps, or infographics make data more actionable.
+
+- _E-commerce and admin panels_  
+  Insights like top products, sales patterns, or user segments often need visual display for usability.
+
+## Principles of UX-Driven Data Visualization
+
+Designers must go beyond aesthetics and focus on function, clarity, and accessibility:
+
+- _Match the visualization to the task_  
+  Choose the right chart for the job. For example, line charts for trends, bar charts for comparison, pie charts for proportions.
+
+- _Prioritize readability over style_  
+  Fancy gradients and shadows may look modern but can obscure meaning or hinder interpretation.
+
+- _Avoid clutter and visual noise_  
+  Too many data points, labels, or colors can overwhelm users and increase cognitive load.
+
+- _Use clear labels, legends, and units_  
+  Every axis, value, and category should be easy to read and understand at a glance.
+
+- _Account for accessibility_  
+  Use color-blind–safe palettes, allow zoom or filtering, and support keyboard interaction when necessary.
+
+- _Support drill-down or customization if needed_  
+  Let users explore deeper insights if the data is complex or layered.
+
+> _Note: Data visualization is not just about summarizing — it’s about surfacing the right insight at the right time for the right person._
+
+## User Needs Around Visualized Data
+
+- _Quick scanning and interpretation_  
+  Users expect to grasp the meaning of a chart or visual in a few seconds, especially in dashboard contexts.
+
+- _Trust and credibility_  
+  Visualizations must feel reliable. Poor formatting, misalignment, or visual distortion can create mistrust.
+
+- _Performance and responsiveness_  
+  Data visuals must load quickly and adapt to screen sizes without breaking the layout or resolution.
+
+- _Contextual support_  
+  Providing explanatory text, data source information, or tooltips helps users interpret correctly.