diff --git a/index.html b/index.html
index 1b45e36..e9e381c 100644
--- a/index.html
+++ b/index.html
@@ -53,7 +53,7 @@
             </div>
             <div class="chart-container">
                 <div class="chart-selector-container">
-                    <select class="chart-selector" ng-options="chartName as chartName|uppercase for chartName in chartTypes" ng-model="chartTypeChosen"></select>
+                    <select class="chart-selector" ng-options="chartName as chartName|sentencecase for chartName in chartTypes" ng-model="chartTypeChosen"></select>
                 </div>
                 <div class="chart"></div>
                 
@@ -65,6 +65,7 @@
     <script type="text/javascript" src="lib/d3.v4.min.js"></script>
     <script type="text/javascript" src="lib/d3-tip.js"></script>
     <script type="text/javascript" src="js/draw-chart.js"></script>
+    <script type="text/javascript" src="js/filters.js"></script>
     <script type="text/javascript" src="js/app.js"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/js/app.js b/js/app.js
index ccd1700..6ed84e0 100644
--- a/js/app.js
+++ b/js/app.js
@@ -1,4 +1,4 @@
-var app = angular.module("chart-builder",["ngDrag"]);
+var app = angular.module("chart-builder",["ngDrag","chart-builder.filters"]);
 
 app.value("allData",{
     "values":{
diff --git a/js/filters.js b/js/filters.js
new file mode 100644
index 0000000..82b3916
--- /dev/null
+++ b/js/filters.js
@@ -0,0 +1,10 @@
+var app = angular.module("chart-builder.filters",[]);
+
+app.filter("sentencecase", function () {
+    return function (strToUse) {
+       if (typeof(strToUse)  === "string"){
+            strToUse = strToUse[0].toUpperCase() + strToUse.slice(1);
+       }
+       return strToUse;
+    };
+});
\ No newline at end of file