Fix visualualization names. Resolves #4084

frontend/src/metabase/query_builder/components/VisualizationSettings.jsx

@@ -40,7 +40,7 @@ export default class VisualizationSettings extends React.Component {
                     name={CardVisualization.iconName}
                     size={12}
                 />
-                {CardVisualization.displayName}
+                {CardVisualization.uiName}
                 <Icon className="ml1" name="chevrondown" size={8} />
             </span>
         );
@@ -73,7 +73,7 @@ export default class VisualizationSettings extends React.Component {
                                 onClick={this.setDisplay.bind(null, vizType)}
                             >
                                 <Icon name={viz.iconName} size={12} />
-                                <span className="ml1">{viz.displayName}</span>
+                                <span className="ml1">{viz.uiName}</span>
                             </li>
                         )}
                     </ul>

frontend/src/metabase/visualizations/AreaChart.jsx

@@ -3,7 +3,7 @@ import React, { Component, PropTypes } from "react";
 import LineAreaBarChart from "./components/LineAreaBarChart.jsx";
 
 export default class AreaChart extends LineAreaBarChart {
-    static displayName = "Area";
+    static uiName = "Area";
     static identifier = "area";
     static iconName = "area";
     static noun = "area chart";

frontend/src/metabase/visualizations/BarChart.jsx

@@ -3,7 +3,7 @@ import React, { Component, PropTypes } from "react";
 import LineAreaBarChart from "./components/LineAreaBarChart.jsx";
 
 export default class BarChart extends LineAreaBarChart {
-    static displayName = "Bar";
+    static uiName = "Bar";
     static identifier = "bar";
     static iconName = "bar";
     static noun = "bar chart";

frontend/src/metabase/visualizations/Funnel.jsx

@@ -8,7 +8,7 @@ import { getSettings } from "metabase/lib/visualization_settings";
 import i from "icepick";
 
 export default class Funnel extends Component {
-    static displayName = "Funnel";
+    static uiName = "Funnel";
     static identifier = "funnel";
     static iconName = "funnel";
 

frontend/src/metabase/visualizations/LineChart.jsx

@@ -3,7 +3,7 @@ import React, { Component, PropTypes } from "react";
 import LineAreaBarChart from "./components/LineAreaBarChart.jsx";
 
 export default class LineChart extends LineAreaBarChart {
-    static displayName = "Line";
+    static uiName = "Line";
     static identifier = "line";
     static iconName = "line";
     static noun = "line chart";

frontend/src/metabase/visualizations/Map.jsx

@@ -6,7 +6,7 @@ import PinMap from "./PinMap.jsx";
 import { ChartSettingsError } from "metabase/visualizations/lib/errors";
 
 export default class Map extends Component {
-    static displayName = "Map";
+    static uiName = "Map";
     static identifier = "map";
     static iconName = "pinmap";
 

frontend/src/metabase/visualizations/PieChart.jsx

@@ -27,7 +27,7 @@ const OTHER_SLICE_MIN_PERCENTAGE = 0.003;
 const PERCENT_REGEX = /percent/i;
 
 export default class PieChart extends Component {
-    static displayName = "Pie";
+    static uiName = "Pie";
     static identifier = "pie";
     static iconName = "pie";
 

frontend/src/metabase/visualizations/PinMap.jsx

@@ -17,7 +17,7 @@ const MAP_COMPONENTS_BY_TYPE = {
 }
 
 export default class PinMap extends Component {
-    static displayName = "Pin Map";
+    static uiName = "Pin Map";
     static identifier = "pin_map";
     static iconName = "pinmap";
 

frontend/src/metabase/visualizations/Progress.jsx

@@ -11,7 +11,7 @@ import Color from "color";
 const BORDER_RADIUS = 5;
 
 export default class Progress extends Component {
-    static displayName = "Progress";
+    static uiName = "Progress";
     static identifier = "progress";
     static iconName = "progress";
 

frontend/src/metabase/visualizations/Scalar.jsx

@@ -14,7 +14,7 @@ import i from "icepick";
 import d3 from "d3";
 
 export default class Scalar extends Component {
-    static displayName = "Number";
+    static uiName = "Number";
     static identifier = "scalar";
     static iconName = "number";
 

frontend/src/metabase/visualizations/ScatterPlot.jsx

@@ -3,7 +3,7 @@ import React, { Component, PropTypes } from "react";
 import LineAreaBarChart from "./components/LineAreaBarChart.jsx";
 
 export default class ScatterPlot extends LineAreaBarChart {
-    static displayName = "Scatter";
+    static uiName = "Scatter";
     static identifier = "scatter";
     static iconName = "bubble";
     static noun = "scatter plot";

frontend/src/metabase/visualizations/Table.jsx

@@ -7,7 +7,7 @@ import * as DataGrid from "metabase/lib/data_grid";
 import _ from "underscore";
 
 export default class Bar extends Component {
-    static displayName = "Table";
+    static uiName = "Table";
     static identifier = "table";
     static iconName = "table";
 

frontend/src/metabase/visualizations/XKCDChart.jsx

@@ -19,7 +19,7 @@ import "xkcdplot/humor-sans";
 import cx from "classnames";
 
 export default class XKCDChart extends Component {
-    static displayName = "XKCD"
+    static uiName = "XKCD"
     static identifier = "xkcd";
     static iconName = "pinmap";