diff --git a/x-pack/plugins/ml/public/file_datavisualizer/components/about_panel/about_panel.js b/x-pack/plugins/ml/public/file_datavisualizer/components/about_panel/about_panel.js
index 261584bb1534b..3eaf51965554a 100644
--- a/x-pack/plugins/ml/public/file_datavisualizer/components/about_panel/about_panel.js
+++ b/x-pack/plugins/ml/public/file_datavisualizer/components/about_panel/about_panel.js
@@ -5,6 +5,7 @@
  */
 
 
+import { FormattedMessage } from '@kbn/i18n/react';
 import React from 'react';
 
 import {
@@ -36,7 +37,12 @@ export function AboutPanel({ onFilePickerChange }) {
               <div style={{ textAlign: 'center' }} >
                 <EuiFilePicker
                   id="filePicker"
-                  initialPromptText="Select or drag and drop a file"
+                  initialPromptText={
+                    <FormattedMessage
+                      id="xpack.ml.fileDatavisualizer.aboutPanel.selectOrDragAndDropFileDescription"
+                      defaultMessage="Select or drag and drop a file"
+                    />
+                  }
                   onChange={files => onFilePickerChange(files)}
                   className="file-datavisualizer-file-picker"
                 />
@@ -58,7 +64,12 @@ export function LoadingPanel() {
           <EuiFlexItem grow={false}>
             <EuiPanel paddingSize="l" style={{ textAlign: 'center' }} >
               <EuiTitle size="s">
-                <h3>Analyzing data</h3>
+                <h3>
+                  <FormattedMessage
+                    id="xpack.ml.fileDatavisualizer.aboutPanel.analyzingDataTitle"
+                    defaultMessage="Analyzing data"
+                  />
+                </h3>
               </EuiTitle>
 
               <EuiSpacer size="l" />
diff --git a/x-pack/plugins/ml/public/file_datavisualizer/components/about_panel/welcome_content.js b/x-pack/plugins/ml/public/file_datavisualizer/components/about_panel/welcome_content.js
index 59245ac6c8df2..28c616d3e74a6 100644
--- a/x-pack/plugins/ml/public/file_datavisualizer/components/about_panel/welcome_content.js
+++ b/x-pack/plugins/ml/public/file_datavisualizer/components/about_panel/welcome_content.js
@@ -5,6 +5,7 @@
  */
 
 
+import { FormattedMessage } from '@kbn/i18n/react';
 import React from 'react';
 
 import {
@@ -29,23 +30,41 @@ export function WelcomeContent() {
       <EuiFlexItem>
         <EuiTitle size="m">
           <h3>
-            Visualize data from a log file &nbsp;
-            <ExperimentalBadge
-              tooltipContent="Experimental feature. We'd love to hear your feedback."
+            <FormattedMessage
+              id="xpack.ml.fileDatavisualizer.welcomeContent.visualizeDataFromLogFileTitle"
+              defaultMessage="Visualize data from a log file&nbsp;{experimentalBadge}"
+              values={{
+                experimentalBadge: (
+                  <ExperimentalBadge
+                    tooltipContent={
+                      <FormattedMessage
+                        id="xpack.ml.fileDatavisualizer.welcomeContent.experimentalFeatureTooltip"
+                        defaultMessage="Experimental feature. We'd love to hear your feedback."
+                      />
+                    }
+                  />
+                ),
+              }}
             />
           </h3>
         </EuiTitle>
         <EuiSpacer size="s" />
         <EuiText>
           <p>
-            The File Data Visualizer helps you understand the fields and metrics in a log file.
-            Upload your file, analyze its data, and then choose whether to import the data into an Elasticsearch index.
+            <FormattedMessage
+              id="xpack.ml.fileDatavisualizer.welcomeContent.visualizeDataFromLogFileDescription"
+              defaultMessage="The File Data Visualizer helps you understand the fields and metrics in a log file.
+              Upload your file, analyze its data, and then choose whether to import the data into an Elasticsearch index."
+            />
           </p>
         </EuiText>
         <EuiSpacer size="s" />
         <EuiText>
           <p>
-            The File Data Visualizer supports these file formats:
+            <FormattedMessage
+              id="xpack.ml.fileDatavisualizer.welcomeContent.supportedFileFormatDescription"
+              defaultMessage="The File Data Visualizer supports these file formats:"
+            />
           </p>
         </EuiText>
         <EuiSpacer size="m" />
@@ -56,7 +75,10 @@ export function WelcomeContent() {
           <EuiFlexItem>
             <EuiText>
               <p>
-                Delimited text files, such as CSV and TSV
+                <FormattedMessage
+                  id="xpack.ml.fileDatavisualizer.welcomeContent.delimitedTextFilesDescription"
+                  defaultMessage="Delimited text files, such as CSV and TSV"
+                />
               </p>
             </EuiText>
           </EuiFlexItem>
@@ -69,7 +91,10 @@ export function WelcomeContent() {
           <EuiFlexItem>
             <EuiText>
               <p>
-                Newline-delimited JSON
+                <FormattedMessage
+                  id="xpack.ml.fileDatavisualizer.welcomeContent.newlineDelimitedJsonDescription"
+                  defaultMessage="Newline-delimited JSON"
+                />
               </p>
             </EuiText>
           </EuiFlexItem>
@@ -82,7 +107,10 @@ export function WelcomeContent() {
           <EuiFlexItem>
             <EuiText>
               <p>
-                Log files with a common format for the timestamp
+                <FormattedMessage
+                  id="xpack.ml.fileDatavisualizer.welcomeContent.logFilesWithCommonFormatDescription"
+                  defaultMessage="Log files with a common format for the timestamp"
+                />
               </p>
             </EuiText>
           </EuiFlexItem>
@@ -90,19 +118,29 @@ export function WelcomeContent() {
         <EuiSpacer size="m" />
         <EuiText>
           <p>
-            You can upload files up to 100 MB.
+            <FormattedMessage
+              id="xpack.ml.fileDatavisualizer.welcomeContent.uploadedFilesAllowedSizeDescription"
+              defaultMessage="You can upload files up to 100 MB."
+            />
           </p>
         </EuiText>
         <EuiSpacer size="s" />
         <EuiText>
           <p>
-            This feature is experimental. Got feedback? Please create an issue in&nbsp;
-            <EuiLink
-              href="https://github.com/elastic/kibana/issues/new"
-              target="_blank"
-            >
-              GitHub
-            </EuiLink>.
+            <FormattedMessage
+              id="xpack.ml.fileDatavisualizer.welcomeContent.experimentalFeatureDescription"
+              defaultMessage="This feature is experimental. Got feedback? Please create an issue in&nbsp;{githubLink}."
+              values={{
+                githubLink: (
+                  <EuiLink
+                    href="https://github.com/elastic/kibana/issues/new"
+                    target="_blank"
+                  >
+                    GitHub
+                  </EuiLink>
+                )
+              }}
+            />
           </p>
         </EuiText>
       </EuiFlexItem>
diff --git a/x-pack/plugins/ml/public/file_datavisualizer/components/analysis_summary/analysis_summary.js b/x-pack/plugins/ml/public/file_datavisualizer/components/analysis_summary/analysis_summary.js
index 4fae23add8d43..47d95775b519d 100644
--- a/x-pack/plugins/ml/public/file_datavisualizer/components/analysis_summary/analysis_summary.js
+++ b/x-pack/plugins/ml/public/file_datavisualizer/components/analysis_summary/analysis_summary.js
@@ -5,6 +5,7 @@
  */
 
 
+import { FormattedMessage } from '@kbn/i18n/react';
 import React from 'react';
 
 import {
@@ -19,7 +20,12 @@ export function AnalysisSummary({ results }) {
   return (
     <React.Fragment>
       <EuiTitle size="s">
-        <h3>Summary</h3>
+        <h3>
+          <FormattedMessage
+            id="xpack.ml.fileDatavisualizer.analysisSummary.summaryTitle"
+            defaultMessage="Summary"
+          />
+        </h3>
       </EuiTitle>
 
       <EuiSpacer size="m" />
@@ -36,7 +42,12 @@ export function AnalysisSummary({ results }) {
 function createDisplayItems(results) {
   const items = [
     {
-      title: 'Number of lines analyzed',
+      title: (
+        <FormattedMessage
+          id="xpack.ml.fileDatavisualizer.analysisSummary.analyzedLinesNumberTitle"
+          defaultMessage="Number of lines analyzed"
+        />
+      ),
       description: results.num_lines_analyzed,
     },
     // {
@@ -47,18 +58,33 @@ function createDisplayItems(results) {
 
   if (results.format !== undefined) {
     items.push({
-      title: 'Format',
+      title: (
+        <FormattedMessage
+          id="xpack.ml.fileDatavisualizer.analysisSummary.formatTitle"
+          defaultMessage="Format"
+        />
+      ),
       description: results.format,
     });
 
     if (results.format === 'delimited') {
       items.push({
-        title: 'Delimiter',
+        title: (
+          <FormattedMessage
+            id="xpack.ml.fileDatavisualizer.analysisSummary.delimiterTitle"
+            defaultMessage="Delimiter"
+          />
+        ),
         description: results.delimiter,
       });
 
       items.push({
-        title: 'Has header row',
+        title: (
+          <FormattedMessage
+            id="xpack.ml.fileDatavisualizer.analysisSummary.hasHeaderRowTitle"
+            defaultMessage="Has header row"
+          />
+        ),
         description: `${results.has_header_row}`,
       });
 
@@ -67,22 +93,39 @@ function createDisplayItems(results) {
 
   if (results.grok_pattern !== undefined) {
     items.push({
-      title: 'Grok pattern',
+      title: (
+        <FormattedMessage
+          id="xpack.ml.fileDatavisualizer.analysisSummary.grokPatternTitle"
+          defaultMessage="Grok pattern"
+        />
+      ),
       description: results.grok_pattern,
     });
   }
 
   if (results.timestamp_field !== undefined) {
     items.push({
-      title: 'Time field',
+      title: (
+        <FormattedMessage
+          id="xpack.ml.fileDatavisualizer.analysisSummary.timeFieldTitle"
+          defaultMessage="Time field"
+        />
+      ),
       description: results.timestamp_field,
     });
   }
 
   if (results.joda_timestamp_formats !== undefined) {
-    const s = (results.joda_timestamp_formats.length > 1) ? 's' : '';
     items.push({
-      title: `Time format${s}`,
+      title: (
+        <FormattedMessage
+          id="xpack.ml.fileDatavisualizer.analysisSummary.timeFormatTitle"
+          defaultMessage="Time {timestampFormats, plural, zero {format} one {format} other {formats}}"
+          values={{
+            timestampFormats: results.joda_timestamp_formats.length,
+          }}
+        />
+      ),
       description: results.joda_timestamp_formats.join(', '),
     });
   }
diff --git a/x-pack/plugins/ml/public/file_datavisualizer/components/bottom_bar/bottom_bar.js b/x-pack/plugins/ml/public/file_datavisualizer/components/bottom_bar/bottom_bar.js
index 744f55dad36b7..2c134ac7b0934 100644
--- a/x-pack/plugins/ml/public/file_datavisualizer/components/bottom_bar/bottom_bar.js
+++ b/x-pack/plugins/ml/public/file_datavisualizer/components/bottom_bar/bottom_bar.js
@@ -5,6 +5,7 @@
  */
 
 
+import { FormattedMessage } from '@kbn/i18n/react';
 import React from 'react';
 
 import {
@@ -28,7 +29,10 @@ export function BottomBar({ showBar, mode, changeMode, onCancel }) {
                 fill
                 onClick={() => changeMode(DATAVISUALIZER_MODE.IMPORT)}
               >
-                Import
+                <FormattedMessage
+                  id="xpack.ml.fileDatavisualizer.bottomBar.readMode.importButtonLabel"
+                  defaultMessage="Import"
+                />
               </EuiButton>
             </EuiFlexItem>
             <EuiFlexItem grow={false}>
@@ -36,7 +40,10 @@ export function BottomBar({ showBar, mode, changeMode, onCancel }) {
                 color="ghost"
                 onClick={() => onCancel()}
               >
-                Cancel
+                <FormattedMessage
+                  id="xpack.ml.fileDatavisualizer.bottomBar.readMode.cancelButtonLabel"
+                  defaultMessage="Cancel"
+                />
               </EuiButtonEmpty>
             </EuiFlexItem>
           </EuiFlexGroup>
@@ -52,7 +59,10 @@ export function BottomBar({ showBar, mode, changeMode, onCancel }) {
                 color="ghost"
                 onClick={() => changeMode(DATAVISUALIZER_MODE.READ)}
               >
-                Back
+                <FormattedMessage
+                  id="xpack.ml.fileDatavisualizer.bottomBar.backButtonLabel"
+                  defaultMessage="Back"
+                />
               </EuiButton>
             </EuiFlexItem>
             <EuiFlexItem grow={false}>
@@ -60,7 +70,10 @@ export function BottomBar({ showBar, mode, changeMode, onCancel }) {
                 color="ghost"
                 onClick={() => onCancel()}
               >
-                Cancel
+                <FormattedMessage
+                  id="xpack.ml.fileDatavisualizer.bottomBar.cancelButtonLabel"
+                  defaultMessage="Cancel"
+                />
               </EuiButtonEmpty>
             </EuiFlexItem>
           </EuiFlexGroup>
diff --git a/x-pack/plugins/ml/public/file_datavisualizer/components/edit_flyout/__snapshots__/overrides.test.js.snap b/x-pack/plugins/ml/public/file_datavisualizer/components/edit_flyout/__snapshots__/overrides.test.js.snap
index c11317ccad9eb..62b50d9fdbf5b 100644
--- a/x-pack/plugins/ml/public/file_datavisualizer/components/edit_flyout/__snapshots__/overrides.test.js.snap
+++ b/x-pack/plugins/ml/public/file_datavisualizer/components/edit_flyout/__snapshots__/overrides.test.js.snap
@@ -6,7 +6,13 @@ exports[`Overrides render overrides 1`] = `
     describedByIds={Array []}
     fullWidth={false}
     hasEmptyLabelSpace={false}
-    label="Data format"
+    label={
+      <FormattedMessage
+        defaultMessage="Data format"
+        id="xpack.ml.fileDatavisualizer.editFlyout.overrides.dataFormatFormRowLabel"
+        values={Object {}}
+      />
+    }
   >
     <EuiSuperSelect
       onChange={[Function]}
@@ -44,7 +50,13 @@ exports[`Overrides render overrides 1`] = `
     describedByIds={Array []}
     fullWidth={false}
     hasEmptyLabelSpace={false}
-    label="Timestamp format"
+    label={
+      <FormattedMessage
+        defaultMessage="Timestamp format"
+        id="xpack.ml.fileDatavisualizer.editFlyout.overrides.timestampFormatFormRowLabel"
+        values={Object {}}
+      />
+    }
   >
     <EuiSuperSelect
       onChange={[Function]}
@@ -454,7 +466,13 @@ exports[`Overrides render overrides 1`] = `
     describedByIds={Array []}
     fullWidth={false}
     hasEmptyLabelSpace={false}
-    label="Time field"
+    label={
+      <FormattedMessage
+        defaultMessage="Time field"
+        id="xpack.ml.fileDatavisualizer.editFlyout.overrides.timeFieldFormRowLabel"
+        values={Object {}}
+      />
+    }
   >
     <EuiSuperSelect
       onChange={[Function]}
diff --git a/x-pack/plugins/ml/public/file_datavisualizer/components/edit_flyout/edit_flyout.js b/x-pack/plugins/ml/public/file_datavisualizer/components/edit_flyout/edit_flyout.js
index 5ced885d4d8e4..5541603052516 100644
--- a/x-pack/plugins/ml/public/file_datavisualizer/components/edit_flyout/edit_flyout.js
+++ b/x-pack/plugins/ml/public/file_datavisualizer/components/edit_flyout/edit_flyout.js
@@ -5,6 +5,7 @@
  */
 
 
+import { FormattedMessage } from '@kbn/i18n/react';
 import React, {
   Component,
 } from 'react';
@@ -63,7 +64,10 @@ export class EditFlyout extends Component {
             <EuiFlyoutHeader>
               <EuiTitle>
                 <h2>
-                  Override settings
+                  <FormattedMessage
+                    id="xpack.ml.fileDatavisualizer.editFlyout.overrideSettingsTitle"
+                    defaultMessage="Override settings"
+                  />
                 </h2>
               </EuiTitle>
             </EuiFlyoutHeader>
@@ -92,7 +96,10 @@ export class EditFlyout extends Component {
                     onClick={closeEditFlyout}
                     flush="left"
                   >
-                    Close
+                    <FormattedMessage
+                      id="xpack.ml.fileDatavisualizer.editFlyout.closeOverrideSettingsButtonLabel"
+                      defaultMessage="Close"
+                    />
                   </EuiButtonEmpty>
                 </EuiFlexItem>
                 <EuiFlexItem grow={false}>
@@ -101,7 +108,10 @@ export class EditFlyout extends Component {
                     fill
                     // isDisabled={(isValidJobDetails === false) || (isValidJobCustomUrls === false)}
                   >
-                    Apply
+                    <FormattedMessage
+                      id="xpack.ml.fileDatavisualizer.editFlyout.applyOverrideSettingsButtonLabel"
+                      defaultMessage="Apply"
+                    />
                   </EuiButton>
                 </EuiFlexItem>
               </EuiFlexGroup>
diff --git a/x-pack/plugins/ml/public/file_datavisualizer/components/edit_flyout/overrides.js b/x-pack/plugins/ml/public/file_datavisualizer/components/edit_flyout/overrides.js
index 25f60a37cc103..2a1e7b30d8fc0 100644
--- a/x-pack/plugins/ml/public/file_datavisualizer/components/edit_flyout/overrides.js
+++ b/x-pack/plugins/ml/public/file_datavisualizer/components/edit_flyout/overrides.js
@@ -5,6 +5,7 @@
  */
 
 
+import { FormattedMessage } from '@kbn/i18n/react';
 import React, {
   Component,
 } from 'react';
@@ -176,7 +177,12 @@ export class Overrides extends Component {
 
       <EuiForm>
         <EuiFormRow
-          label="Data format"
+          label={
+            <FormattedMessage
+              id="xpack.ml.fileDatavisualizer.editFlyout.overrides.dataFormatFormRowLabel"
+              defaultMessage="Data format"
+            />
+          }
         >
           <EuiSuperSelect
             options={formatOptions}
@@ -188,7 +194,12 @@ export class Overrides extends Component {
           (this.state.format === 'delimited') &&
           <React.Fragment>
             <EuiFormRow
-              label="Delimiter"
+              label={
+                <FormattedMessage
+                  id="xpack.ml.fileDatavisualizer.editFlyout.overrides.delimiterFormRowLabel"
+                  defaultMessage="Delimiter"
+                />
+              }
             >
               <EuiSuperSelect
                 options={delimiterOptions}
@@ -199,7 +210,12 @@ export class Overrides extends Component {
             {
               (delimiter === 'other') &&
               <EuiFormRow
-                label="Custom delimiter"
+                label={
+                  <FormattedMessage
+                    id="xpack.ml.fileDatavisualizer.editFlyout.overrides.customDelimiterFormRowLabel"
+                    defaultMessage="Custom delimiter"
+                  />
+                }
               >
                 <EuiFieldText
                   value={customDelimiter}
@@ -209,7 +225,12 @@ export class Overrides extends Component {
             }
 
             <EuiFormRow
-              label="Quote character"
+              label={
+                <FormattedMessage
+                  id="xpack.ml.fileDatavisualizer.editFlyout.overrides.quoteCharacterFormRowLabel"
+                  defaultMessage="Quote character"
+                />
+              }
             >
               <EuiSuperSelect
                 options={quoteOptions}
@@ -222,7 +243,12 @@ export class Overrides extends Component {
             <EuiFormRow>
               <EuiCheckbox
                 id={'hasHeaderRow'}
-                label="Has header row"
+                label={
+                  <FormattedMessage
+                    id="xpack.ml.fileDatavisualizer.editFlyout.overrides.hasHeaderRowLabel"
+                    defaultMessage="Has header row"
+                  />
+                }
                 checked={hasHeaderRow}
                 onChange={this.onHasHeaderRowChange}
               />
@@ -231,7 +257,12 @@ export class Overrides extends Component {
             <EuiFormRow>
               <EuiCheckbox
                 id={'shouldTrimFields'}
-                label="Should trim fields"
+                label={
+                  <FormattedMessage
+                    id="xpack.ml.fileDatavisualizer.editFlyout.overrides.trimFieldsLabel"
+                    defaultMessage="Should trim fields"
+                  />
+                }
                 checked={shouldTrimFields}
                 onChange={this.onShouldTrimFieldsChange}
               />
@@ -243,7 +274,12 @@ export class Overrides extends Component {
           (this.state.format === 'semi_structured_text') &&
           <React.Fragment>
             <EuiFormRow
-              label="Grok pattern"
+              label={
+                <FormattedMessage
+                  id="xpack.ml.fileDatavisualizer.editFlyout.overrides.grokPatternFormRowLabel"
+                  defaultMessage="Grok pattern"
+                />
+              }
             >
               <EuiTextArea
                 placeholder={grokPattern}
@@ -254,7 +290,12 @@ export class Overrides extends Component {
           </React.Fragment>
         }
         <EuiFormRow
-          label="Timestamp format"
+          label={
+            <FormattedMessage
+              id="xpack.ml.fileDatavisualizer.editFlyout.overrides.timestampFormatFormRowLabel"
+              defaultMessage="Timestamp format"
+            />
+          }
         >
           <EuiSuperSelect
             options={timestampFormatOptions}
@@ -264,7 +305,12 @@ export class Overrides extends Component {
         </EuiFormRow>
 
         <EuiFormRow
-          label="Time field"
+          label={
+            <FormattedMessage
+              id="xpack.ml.fileDatavisualizer.editFlyout.overrides.timeFieldFormRowLabel"
+              defaultMessage="Time field"
+            />
+          }
         >
           <EuiSuperSelect
             options={fieldOptions}
@@ -288,7 +334,12 @@ export class Overrides extends Component {
           <React.Fragment>
             <EuiSpacer />
             <EuiTitle size="s">
-              <h3>Edit field names</h3>
+              <h3>
+                <FormattedMessage
+                  id="xpack.ml.fileDatavisualizer.editFlyout.overrides.editFieldNamesTitle"
+                  defaultMessage="Edit field names"
+                />
+              </h3>
             </EuiTitle>
 
             {
diff --git a/x-pack/plugins/ml/public/file_datavisualizer/components/experimental_badge/experimental_badge.js b/x-pack/plugins/ml/public/file_datavisualizer/components/experimental_badge/experimental_badge.js
index 1d45ccd8881fc..3c03d60a13c6e 100644
--- a/x-pack/plugins/ml/public/file_datavisualizer/components/experimental_badge/experimental_badge.js
+++ b/x-pack/plugins/ml/public/file_datavisualizer/components/experimental_badge/experimental_badge.js
@@ -4,6 +4,7 @@
  * you may not use this file except in compliance with the Elastic License.
  */
 
+import { FormattedMessage } from '@kbn/i18n/react';
 import React from 'react';
 
 import {
@@ -13,7 +14,16 @@ import {
 export function ExperimentalBadge({ tooltipContent }) {
   return (
     <span>
-      <EuiBetaBadge className="ml-experimental-badge" label="Experimental" tooltipContent={tooltipContent} />
+      <EuiBetaBadge
+        className="ml-experimental-badge"
+        label={
+          <FormattedMessage
+            id="xpack.ml.fileDatavisualizer.experimentalBadge.experimentalLabel"
+            defaultMessage="Experimental"
+          />
+        }
+        tooltipContent={tooltipContent}
+      />
     </span>
   );
 }
diff --git a/x-pack/plugins/ml/public/file_datavisualizer/components/fields_stats/field_stats_card.js b/x-pack/plugins/ml/public/file_datavisualizer/components/fields_stats/field_stats_card.js
index 3986685d09c3e..570052752d5bb 100644
--- a/x-pack/plugins/ml/public/file_datavisualizer/components/fields_stats/field_stats_card.js
+++ b/x-pack/plugins/ml/public/file_datavisualizer/components/fields_stats/field_stats_card.js
@@ -5,6 +5,7 @@
  */
 
 
+import { FormattedMessage } from '@kbn/i18n/react';
 import React from 'react';
 
 import {
@@ -38,19 +39,49 @@ export function FieldStatsCard({ field }) {
               <React.Fragment>
                 <div className="stats">
                   <div className="stat">
-                    <i className="fa fa-files-o" aria-hidden="true" /> {field.count} document{(field.count > 1) ? 's' : ''} ({percent}%)
+                    <i className="fa fa-files-o" aria-hidden="true" />
+                    <FormattedMessage
+                      id="xpack.ml.fileDatavisualizer.fieldStatsCard.documentsCountDescription"
+                      defaultMessage="{fieldCount, plural, zero {# document} one {# document} other {# documents}} ({fieldPercent}%)"
+                      values={{
+                        fieldCount: field.count,
+                        fieldPercent: percent,
+                      }}
+                    />
                   </div>
                   <div className="stat">
-                    <i className="fa fa-cubes" aria-hidden="true" /> {field.cardinality} distinct value{(field.cardinality > 1) ? 's' : ''}
+                    <i className="fa fa-cubes" aria-hidden="true" />
+                    <FormattedMessage
+                      id="xpack.ml.fileDatavisualizer.fieldStatsCard.distinctCountDescription"
+                      defaultMessage="{fieldCardinality} distinct {fieldCardinality, plural, zero {value} one {value} other {values}}"
+                      values={{
+                        fieldCardinality: field.cardinality,
+                      }}
+                    />
                   </div>
 
                   {
                     (field.mean_value) &&
                     <React.Fragment>
                       <div>
-                        <div className="stat min heading">min</div>
-                        <div className="stat median heading">median</div>
-                        <div className="stat max heading">max</div>
+                        <div className="stat min heading">
+                          <FormattedMessage
+                            id="xpack.ml.fileDatavisualizer.fieldStatsCard.minTitle"
+                            defaultMessage="min"
+                          />
+                        </div>
+                        <div className="stat median heading">
+                          <FormattedMessage
+                            id="xpack.ml.fileDatavisualizer.fieldStatsCard.medianTitle"
+                            defaultMessage="median"
+                          />
+                        </div>
+                        <div className="stat max heading">
+                          <FormattedMessage
+                            id="xpack.ml.fileDatavisualizer.fieldStatsCard.maxTitle"
+                            defaultMessage="max"
+                          />
+                        </div>
                       </div>
                       <div>
                         <div className="stat min heading">{field.min_value}</div>
@@ -68,7 +99,12 @@ export function FieldStatsCard({ field }) {
                     <EuiSpacer size="s" />
 
                     <div className="stats">
-                      <div className="stat">top values</div>
+                      <div className="stat">
+                        <FormattedMessage
+                          id="xpack.ml.fileDatavisualizer.fieldStatsCard.topStatsValuesDescription"
+                          defaultMessage="top values"
+                        />
+                      </div>
                       {field.top_hits.map(({ count, value }) => {
                         const pcnt = Math.round(((count / field.count) * 100) * 100) / 100;
                         return (
@@ -93,7 +129,10 @@ export function FieldStatsCard({ field }) {
             {(field.count === 0) &&
               <div className="stats">
                 <div className="stat">
-                  No field information available
+                  <FormattedMessage
+                    id="xpack.ml.fileDatavisualizer.fieldStatsCard.noFieldInformationAvailableDescription"
+                    defaultMessage="No field information available"
+                  />
                 </div>
               </div>
             }
diff --git a/x-pack/plugins/ml/public/file_datavisualizer/components/file_contents/file_contents.js b/x-pack/plugins/ml/public/file_datavisualizer/components/file_contents/file_contents.js
index 3df3ac0805df1..916d90ae54a05 100644
--- a/x-pack/plugins/ml/public/file_datavisualizer/components/file_contents/file_contents.js
+++ b/x-pack/plugins/ml/public/file_datavisualizer/components/file_contents/file_contents.js
@@ -5,6 +5,7 @@
  */
 
 
+import { FormattedMessage } from '@kbn/i18n/react';
 import React from 'react';
 
 import {
@@ -25,10 +26,23 @@ export function FileContents({ data, format, numberOfLines }) {
   return (
     <React.Fragment>
       <EuiTitle size="s">
-        <h3>File contents</h3>
+        <h3>
+          <FormattedMessage
+            id="xpack.ml.fileDatavisualizer.fileContents.fileContentsTitle"
+            defaultMessage="File contents"
+          />
+        </h3>
       </EuiTitle>
 
-      <div>First {numberOfLines} line{(numberOfLines > 1) ? 's' : ''}</div>
+      <div>
+        <FormattedMessage
+          id="xpack.ml.fileDatavisualizer.fileContents.firstLinesDescription"
+          defaultMessage="First {numberOfLines, plural, zero {# line} one {# line} other {# lines}}"
+          values={{
+            numberOfLines: numberOfLines,
+          }}
+        />
+      </div>
 
       <EuiSpacer size="s" />
 
diff --git a/x-pack/plugins/ml/public/file_datavisualizer/file_datavisualizer.js b/x-pack/plugins/ml/public/file_datavisualizer/file_datavisualizer.js
index f59788329da34..8b18e00aef534 100644
--- a/x-pack/plugins/ml/public/file_datavisualizer/file_datavisualizer.js
+++ b/x-pack/plugins/ml/public/file_datavisualizer/file_datavisualizer.js
@@ -4,7 +4,6 @@
  * you may not use this file except in compliance with the Elastic License.
  */
 
-
 import { FileDataVisualizerView } from './components/file_datavisualizer_view';
 
 import React from 'react';
diff --git a/x-pack/plugins/ml/public/file_datavisualizer/file_datavisualizer_directive.js b/x-pack/plugins/ml/public/file_datavisualizer/file_datavisualizer_directive.js
index 5ccce13309927..efd4cad7ab488 100644
--- a/x-pack/plugins/ml/public/file_datavisualizer/file_datavisualizer_directive.js
+++ b/x-pack/plugins/ml/public/file_datavisualizer/file_datavisualizer_directive.js
@@ -8,6 +8,8 @@
 import 'ngreact';
 
 import { uiModules } from 'ui/modules';
+
+import { injectI18nProvider } from '@kbn/i18n/react';
 const module = uiModules.get('apps/ml', ['react']);
 
 import { checkBasicLicense } from 'plugins/ml/license/check_license';
@@ -43,5 +45,5 @@ module.directive('fileDatavisualizerPage', function ($injector) {
   const indexPatterns = $injector.get('indexPatterns');
   const kibanaConfig = $injector.get('config');
 
-  return reactDirective(FileDataVisualizerPage, undefined, { restrict: 'E' }, { indexPatterns, kibanaConfig });
+  return reactDirective(injectI18nProvider(FileDataVisualizerPage), undefined, { restrict: 'E' }, { indexPatterns, kibanaConfig });
 });