# Ember and D3: Building responsive analytics

DevFeed: [Ember and D3: Building responsive analytics](<https://devfeed.tech/articles/ember-and-d3-building-responsive-analytics-15622.md>)

Original publisher: [Read original article](<https://developer.squareup.com/blog/ember-and-d3-building-responsive-analytics>)

Author: Square Engineering

Published: 2012-04-04T16:01:00Z

Content type: tutorial

Language: en

Sources: [Square Corner Blog RSS Feed](<https://devfeed.tech/sources/square-corner-blog-rss-feed.md>)

Topics: [Ember](<https://devfeed.tech/topics/ember.md>), [JavaScript](<https://devfeed.tech/topics/javascript.md>), [data](<https://devfeed.tech/topics/data.md>), [User Experience](<https://devfeed.tech/topics/user-experience.md>), [mvc](<https://devfeed.tech/topics/mvc.md>), [Web Development](<https://devfeed.tech/topics/web-development.md>)

Tags: [analytics](<https://devfeed.tech/tags/analytics.md>), [browser](<https://devfeed.tech/tags/browser.md>), [building](<https://devfeed.tech/tags/building.md>), [code](<https://devfeed.tech/tags/code.md>), [d3](<https://devfeed.tech/tags/d3.md>), [data](<https://devfeed.tech/tags/data.md>), [discovery](<https://devfeed.tech/tags/discovery.md>), [engineering](<https://devfeed.tech/tags/engineering.md>), [implementation](<https://devfeed.tech/tags/implementation.md>), [interface](<https://devfeed.tech/tags/interface.md>), [javascript](<https://devfeed.tech/tags/javascript.md>), [library](<https://devfeed.tech/tags/library.md>), [metrics](<https://devfeed.tech/tags/metrics.md>), [payments](<https://devfeed.tech/tags/payments.md>), [performance](<https://devfeed.tech/tags/performance.md>), [prototyping](<https://devfeed.tech/tags/prototyping.md>), [real-time](<https://devfeed.tech/tags/real-time.md>), [research](<https://devfeed.tech/tags/research.md>), [structure](<https://devfeed.tech/tags/structure.md>), [user-experience](<https://devfeed.tech/tags/user-experience.md>), [web](<https://devfeed.tech/tags/web.md>)

## AI overview

Square describes how it built a responsive web analytics panel for merchants using Ember.js for page-level coordination and D3.js for rendering visualizations of payments data. The article covers user research, exploratory analytics, real-time filtering, and testing practices.

## Source excerpt

How we bult our web analytics panel with Ember and D3.