diff --git a/csce378Project/src/features/myRed/audit.js b/csce378Project/src/features/myRed/audit.js
index a455e5f51dea88c3b258d78813ef1e59707d7900..2e35b9c9da78336d1c517497f20b10ea3eb08708 100644
--- a/csce378Project/src/features/myRed/audit.js
+++ b/csce378Project/src/features/myRed/audit.js
@@ -2,6 +2,8 @@
 import React, { PureComponent } from 'react';
 import { useSelector, useDispatch } from 'react-redux';
 import PropTypes from 'prop-types';
+import piechart from './prototype/piechart.png';
+import barchart from './prototype/barchart.png';
 
 import classNames from 'classnames';
 import styles from './audit.module.css';
@@ -177,7 +179,8 @@ SpecificCreditInfo.propTypes = {
 function ShowCreditDetails(props){
   return (
     <div className={styles.detailBox}>
-
+      <img src={piechart} alt="piechart showing credits remaining" className={styles.image} />
+      <img src={barchart} alt="barchart showing credits remaining" className={styles.image} />
     </div>
   );
 }
diff --git a/csce378Project/src/features/myRed/audit.module.css b/csce378Project/src/features/myRed/audit.module.css
index 34f7b0f4776b4282878e871a9a722b3539285f4f..fa5604c184771cda979c5ce117807e1697f22816 100644
--- a/csce378Project/src/features/myRed/audit.module.css
+++ b/csce378Project/src/features/myRed/audit.module.css
@@ -76,4 +76,12 @@
   background-color: rgb(255 255 255);
   font-size: 3em;
   min-height: 2em;
+  display: flex;
+  justify-content: center;
+}
+
+.image {
+  max-height: 6.5em;
+  justify-content: center;
+  padding: 0.5em;
 }
diff --git a/csce378Project/src/features/myRed/prototype/barchart.png b/csce378Project/src/features/myRed/prototype/barchart.png
new file mode 100644
index 0000000000000000000000000000000000000000..fb7c6e8887390e69880f5f2d0880321fba7c6ced
Binary files /dev/null and b/csce378Project/src/features/myRed/prototype/barchart.png differ
diff --git a/csce378Project/src/features/myRed/prototype/piechart.png b/csce378Project/src/features/myRed/prototype/piechart.png
new file mode 100644
index 0000000000000000000000000000000000000000..814d2d5a4172c5c48b61e1e61f48fae18de9bdd9
Binary files /dev/null and b/csce378Project/src/features/myRed/prototype/piechart.png differ