diff --git a/src/views/Dashboard.vue b/src/views/Dashboard.vue
index c0ce9b935..d7247c91e 100644
--- a/src/views/Dashboard.vue
+++ b/src/views/Dashboard.vue
@@ -44,15 +44,15 @@
         <b-card>
           <b-row>
             <b-col sm="5">
-              <h4 id="chart-violations" class="card-title mb-0">{{ $t('message.policy_violations') }}</h4>
+              <h4 id="chart-policy-violations-state" class="card-title mb-0">{{ $t('message.policy_violations') }}</h4>
+              <div class="small text-muted">{{$t('message.policy_violations_by_state')}}</div>
             </b-col>
             <b-col sm="7" class="d-none d-md-block">
             </b-col>
           </b-row>
-          <chart-policy-violations ref="chartPolicyViolations" chartId="chartPolicyViolations" class="chart-wrapper" style="height:200px;margin-top:40px;" :height="200"></chart-policy-violations>
-          <div slot="footer">
+          <chart-policy-violations-state ref="chartPolicyViolationsState" chartId="chartPolicyViolationsState" class="chart-wrapper" style="height:200px;margin-top:40px;" :height="200"></chart-policy-violations-state>          <div slot="footer">
             <b-row class="text-center">
-              <b-col class="mb-sm-2 mb-0 d-md-down-none">
+              <b-col class="mb-sm-2 mb-0">
                 <div class="text-muted">{{ $t("policy_violation.fails") }}</div>
                 <strong>{{ failViolations }} ({{ failViolationsPercent }}%)</strong>
                 <b-progress height="{}" class="progress-xs mt-2 status-failed" :precision="1" v-bind:value="failViolationsPercent"></b-progress>
@@ -71,6 +71,37 @@
           </div>
         </b-card>
       </b-col>
+      <b-col sm="6">
+        <b-card>
+          <b-row>
+            <b-col sm="5">
+              <h4 id="chart-policy-violations-classification" class="card-title mb-0">{{ $t('message.policy_violations') }}</h4>
+              <div class="small text-muted">{{$t('message.policy_violations_by_classification')}}</div>            </b-col>
+            <b-col sm="7" class="d-none d-md-block">
+            </b-col>
+          </b-row>
+          <chart-policy-violations-classification ref="chartPolicyViolationsClassification" chartId="chartPolicyViolationsClassification" class="chart-wrapper" style="height:200px;margin-top:40px;" :height="200"></chart-policy-violations-classification>
+          <div slot="footer">
+            <b-row class="text-center">
+              <b-col class="mb-sm-2 mb-0">
+                <div class="text-muted">{{ $t("policy_violation.security") }}</div>
+                <strong>{{ securityViolations }} ({{ securityViolationsPercent }}%)</strong>
+                <b-progress height="{}" class="progress-xs mt-2 status-failed" :precision="1" v-bind:value="securityViolationsPercent"></b-progress>
+              </b-col>
+              <b-col class="mb-sm-2 mb-0">
+                <div class="text-muted">{{ $t("policy_violation.operational") }}</div>
+                <strong>{{ operationalViolations }} ({{ operationalViolationsPercent }}%)</strong>
+                <b-progress height="{}" class="progress-xs mt-2 status-warning" :precision="1"  v-bind:value="operationalViolationsPercent"></b-progress>
+              </b-col>
+              <b-col class="mb-sm-2 mb-0">
+                <div class="text-muted">{{ $t("policy_violation.license") }}</div>
+                <strong>{{ licenseViolations }} ({{ licenseViolationsPercent }}%)</strong>
+                <b-progress height="{}" class="progress-xs mt-2 status-info" :precision="1" v-bind:value="licenseViolationsPercent"></b-progress>
+              </b-col>
+            </b-row>
+          </div>
+        </b-card>
+      </b-col>
     </b-row>
 
     <b-row>
@@ -286,7 +317,8 @@
   import ChartProjectVulnerabilities from "./dashboard/ChartProjectVulnerabilities";
   import ChartAuditingFindingsProgress from "./dashboard/ChartAuditingFindingsProgress";
   import ChartAuditingViolationsProgress from "./dashboard/ChartAuditingViolationsProgress";
-  import ChartPolicyViolations from "./dashboard/ChartPolicyViolations";
+  import ChartPolicyViolationsState from "./dashboard/ChartPolicyViolationsState";
+  import ChartPolicyViolationsClassification from "./dashboard/ChartPolicyViolationsClassification";
   import ChartComponentVulnerabilities from "./dashboard/ChartComponentVulnerabilities";
   import { Callout } from '@coreui/vue'
   import permissionsMixin from "../mixins/permissionsMixin";
@@ -301,7 +333,8 @@
       ChartProjectVulnerabilities,
       ChartAuditingFindingsProgress,
       ChartAuditingViolationsProgress,
-      ChartPolicyViolations,
+      ChartPolicyViolationsState,
+      ChartPolicyViolationsClassification,
       ChartComponentVulnerabilities
     },
     data() {
@@ -335,9 +368,12 @@
         warnViolationsPercent: 0,
         infoViolations: 0,
         infoViolationsPercent: 0,
-        licenseViolations: 0,
-        operationalViolations: 0,
         securityViolations: 0,
+        securityViolationsPercent: 0,
+        operationalViolations: 0,
+        operationalViolationsPercent: 0,
+        licenseViolations: 0,
+        licenseViolationsPercent: 0,
 
         vulnerabilities: 0,
         suppressed: 0,
@@ -379,9 +415,12 @@
         this.warnViolationsPercent = common.calcProgressPercent(this.totalViolations, this.warnViolations);
         this.infoViolations = common.valueWithDefault(metric.policyViolationsInfo, "0");
         this.infoViolationsPercent = common.calcProgressPercent(this.totalViolations, this.infoViolations);
-        this.licenseViolations = common.valueWithDefault(metric.policyViolationsLicenseTotal,"0");
-        this.operationalViolations = common.valueWithDefault(metric.policyViolationsOperationalTotal,"0");
-        this.securityViolations = common.valueWithDefault(metric.policyViolationsSecurityTotal,"0");
+        this.securityViolations = common.valueWithDefault(metric.policyViolationsSecurityTotal, "0");
+        this.securityViolationsPercent = common.calcProgressPercent(this.totalViolations, this.securityViolations);
+        this.operationalViolations = common.valueWithDefault(metric.policyViolationsOperationalTotal, "0");
+        this.operationalViolationsPercent = common.calcProgressPercent(this.totalViolations, this.operationalViolations);
+        this.licenseViolations = common.valueWithDefault(metric.policyViolationsLicenseTotal, "0");
+        this.licenseViolationsPercent = common.calcProgressPercent(this.totalViolations, this.licenseViolations);
 
         this.vulnerabilities = common.valueWithDefault(metric.vulnerabilities, "0");
         this.suppressed = common.valueWithDefault(metric.suppressed, "0");
@@ -404,7 +443,8 @@
           this.$refs.chartProjectVulnerabilities.render(response.data);
           this.$refs.chartAuditingFindingsProgress.render(response.data);
           this.$refs.chartAuditingViolationsProgress.render(response.data);
-          this.$refs.chartPolicyViolations.render(response.data);
+          this.$refs.chartPolicyViolationsState.render(response.data);
+          this.$refs.chartPolicyViolationsClassification.render(response.data);
           this.$refs.chartComponentVulnerabilities.render(response.data);
           this.extractStats(response.data);
         });
diff --git a/src/views/dashboard/ChartPolicyViolationsClassification.vue b/src/views/dashboard/ChartPolicyViolationsClassification.vue
new file mode 100644
index 000000000..3ccc0f4a2
--- /dev/null
+++ b/src/views/dashboard/ChartPolicyViolationsClassification.vue
@@ -0,0 +1,106 @@
+<script>
+import common from "../../shared/common"
+import { Line } from 'vue-chartjs'
+import { getStyle } from '@coreui/coreui/dist/js/coreui-utilities'
+import { CustomTooltips } from '@coreui/coreui-plugin-chartjs-custom-tooltips'
+export default {
+  extends: Line,
+  props: {
+    height: Number
+  },
+  methods: {
+    render: function(metrics) {
+      const securityStyle = getStyle('--notification-fail');
+      const operationalStyle = getStyle('--notification-warn');
+      const licenseStyle = getStyle('--notification-info');
+      let labels = [];
+      let securityData = [];
+      let operationalData = [];
+      let licenseData = [];
+      for (let i = 0; i < metrics.length; i++) {
+        labels.push(common.formatTimestamp(metrics[i].firstOccurrence));
+        securityData.push(metrics[i].policyViolationsSecurityTotal);
+        operationalData.push(metrics[i].policyViolationsOperationalTotal);
+        licenseData.push(metrics[i].policyViolationsLicenseTotal);
+        if (i === metrics.length - 1) {
+          labels.push(common.formatTimestamp(metrics[i].lastOccurrence));
+          securityData.push(metrics[i].policyViolationsSecurityTotal);
+          operationalData.push(metrics[i].policyViolationsOperationalTotal);
+          licenseData.push(metrics[i].policyViolationsLicenseTotal);
+        }
+      }
+      this.renderChart({
+        labels: labels,
+        datasets: [
+          {
+            label: this.$t('policy_violation.security'),
+            backgroundColor: 'transparent',
+            borderColor: securityStyle,
+            pointHoverBackgroundColor: '#fff',
+            data: securityData
+          },
+          {
+            label: this.$t('policy_violation.operational'),
+            backgroundColor: 'transparent',
+            borderColor: operationalStyle,
+            pointHoverBackgroundColor: '#fff',
+            data: operationalData
+          },
+          {
+            label: this.$t('policy_violation.license'),
+            backgroundColor: 'transparent',
+            borderColor: licenseStyle,
+            pointHoverBackgroundColor: '#fff',
+            data: licenseData
+          }
+        ]
+      }, {
+        tooltips: {
+          enabled: false,
+          custom: CustomTooltips,
+          intersect: true,
+          mode: 'index',
+          position: 'nearest',
+          callbacks: {
+            labelColor: function (tooltipItem, chart) {
+              return { backgroundColor: chart.data.datasets[tooltipItem.datasetIndex].borderColor }
+            }
+          }
+        },
+        maintainAspectRatio: false,
+        legend: {
+          display: false
+        },
+        scales: {
+          xAxes: [{
+            gridLines: {
+              drawOnChartArea: false
+            }
+          }],
+          yAxes: [{
+            ticks: {
+              beginAtZero: true,
+              maxTicksLimit: 1
+            },
+            gridLines: {
+              display: true
+            }
+          }]
+        },
+        elements: {
+          line: {
+            tension: 0.1,
+            borderWidth: 2
+          },
+          point: {
+            radius: 0,
+            hitRadius: 20,
+            hoverRadius: 4,
+            hoverBorderWidth: 3
+          }
+        }
+      })
+    }
+  }
+}
+</script>
diff --git a/src/views/dashboard/ChartPolicyViolations.vue b/src/views/dashboard/ChartPolicyViolationsState.vue
similarity index 100%
rename from src/views/dashboard/ChartPolicyViolations.vue
rename to src/views/dashboard/ChartPolicyViolationsState.vue
diff --git a/src/views/portfolio/projects/ComponentDashboard.vue b/src/views/portfolio/projects/ComponentDashboard.vue
index bd2d07e5d..d279cfc76 100644
--- a/src/views/portfolio/projects/ComponentDashboard.vue
+++ b/src/views/portfolio/projects/ComponentDashboard.vue
@@ -78,7 +78,7 @@
             <b-col sm="7" class="d-none d-md-block">
             </b-col>
           </b-row>
-          <chart-policy-violations ref="chartPolicyViolations" chartId="chartPolicyViolations" class="chart-wrapper" style="height:200px;margin-top:40px;" :height="200"></chart-policy-violations>
+          <chart-policy-violations-state ref="chartPolicyViolationsState" chartId="chartPolicyViolationsState" class="chart-wrapper" style="height:200px;margin-top:40px;" :height="200"></chart-policy-violations-state>
         </b-card>
       </b-col>
       <b-col sm="6">
@@ -105,7 +105,7 @@
   import { Callout } from '@coreui/vue'
   import ChartComponentVulnerabilities from "../../dashboard/ChartComponentVulnerabilities";
   import ChartPortfolioVulnerabilities from '../../dashboard/ChartPortfolioVulnerabilities';
-  import ChartPolicyViolations from "@/views/dashboard/ChartPolicyViolations";
+  import ChartPolicyViolationsState from "@/views/dashboard/ChartPolicyViolationsState";
   import ChartPolicyViolationBreakdown from '@/views/dashboard/ChartPolicyViolationBreakdown';
 
   export default {
@@ -113,7 +113,7 @@
     components: {
       ChartComponentVulnerabilities,
       ChartPortfolioVulnerabilities,
-      ChartPolicyViolations,
+      ChartPolicyViolationsState,
       ChartPolicyViolationBreakdown,
       Callout,
 
@@ -171,7 +171,7 @@
       let url = `${this.$api.BASE_URL}/${this.$api.URL_METRICS}/component/${uuid}/days/${daysBack}`;
       this.axios.get(url).then((response) => {
         this.$refs.chartComponentVulnerabilities.render(response.data);
-        this.$refs.chartPolicyViolations.render(response.data);
+        this.$refs.chartPolicyViolationsState.render(response.data);
         this.$refs.chartPolicyViolationBreakdown.render(response.data);
         this.extractStats(response.data);
       });
diff --git a/src/views/portfolio/projects/ProjectDashboard.vue b/src/views/portfolio/projects/ProjectDashboard.vue
index 533a9bad4..e2d4125cf 100644
--- a/src/views/portfolio/projects/ProjectDashboard.vue
+++ b/src/views/portfolio/projects/ProjectDashboard.vue
@@ -90,7 +90,7 @@
             <b-col sm="7" class="d-none d-md-block">
             </b-col>
           </b-row>
-          <chart-policy-violations ref="chartPolicyViolations" chartId="chartPolicyViolations" class="chart-wrapper" style="height:200px;margin-top:40px;" :height="200"></chart-policy-violations>
+          <chart-policy-violations-state ref="chartPolicyViolationsState" chartId="chartPolicyViolationsState" class="chart-wrapper" style="height:200px;margin-top:40px;" :height="200"></chart-policy-violations-state>
         </b-card>
       </b-col>
       <b-col sm="6">
@@ -144,13 +144,13 @@
   import ChartAuditingFindingsProgress from "../../dashboard/ChartAuditingFindingsProgress";
   import ChartComponentVulnerabilities from "../../dashboard/ChartComponentVulnerabilities";
   import ChartPortfolioVulnerabilities from '../../dashboard/ChartPortfolioVulnerabilities'
-  import ChartPolicyViolations from "@/views/dashboard/ChartPolicyViolations";
+  import ChartPolicyViolationsState from "@/views/dashboard/ChartPolicyViolationsState";
   import ChartPolicyViolationBreakdown from '@/views/dashboard/ChartPolicyViolationBreakdown';
 
   export default {
     name: 'project-dashboard',
     components: {
-      ChartPolicyViolations,
+      ChartPolicyViolationsState,
       ChartPolicyViolationBreakdown,
       ChartAuditingFindingsProgress,
       ChartComponentVulnerabilities,
@@ -213,7 +213,7 @@
       let url = `${this.$api.BASE_URL}/${this.$api.URL_METRICS}/project/${this.uuid}/days/${daysBack}`;
       this.axios.get(url).then((response) => {
         this.$refs.chartProjectVulnerabilities.render(response.data);
-        this.$refs.chartPolicyViolations.render(response.data);
+        this.$refs.chartPolicyViolationsState.render(response.data);
         this.$refs.chartPolicyViolationBreakdown.render(response.data);
         this.$refs.chartAuditingFindingsProgress.render(response.data);
         this.$refs.chartComponentVulnerabilities.render(response.data);
diff --git a/src/views/portfolio/projects/ServiceDashboard.vue b/src/views/portfolio/projects/ServiceDashboard.vue
index 3d199453f..a71065fef 100644
--- a/src/views/portfolio/projects/ServiceDashboard.vue
+++ b/src/views/portfolio/projects/ServiceDashboard.vue
@@ -78,7 +78,7 @@
             <b-col sm="7" class="d-none d-md-block">
             </b-col>
           </b-row>
-          <chart-policy-violations ref="chartPolicyViolations" chartId="chartPolicyViolations" class="chart-wrapper" style="height:200px;margin-top:40px;" :height="200"></chart-policy-violations>
+          <chart-policy-violations-state ref="chartPolicyViolationsState" chartId="chartPolicyViolationsState" class="chart-wrapper" style="height:200px;margin-top:40px;" :height="200"></chart-policy-violations-state>
         </b-card>
       </b-col>
       <b-col sm="6">
@@ -105,7 +105,7 @@ import common from "../../../shared/common"
 import { Callout } from '@coreui/vue'
 import ChartComponentVulnerabilities from "../../dashboard/ChartComponentVulnerabilities";
 import ChartPortfolioVulnerabilities from '../../dashboard/ChartPortfolioVulnerabilities';
-import ChartPolicyViolations from "@/views/dashboard/ChartPolicyViolations";
+import ChartPolicyViolationsState from "@/views/dashboard/ChartPolicyViolationsState";
 import ChartPolicyViolationBreakdown from '@/views/dashboard/ChartPolicyViolationBreakdown';
 
 export default {
@@ -113,7 +113,7 @@ export default {
   components: {
     ChartComponentVulnerabilities,
     ChartPortfolioVulnerabilities,
-    ChartPolicyViolations,
+    ChartPolicyViolationsState,
     ChartPolicyViolationBreakdown,
     Callout,
 
@@ -174,7 +174,7 @@ export default {
     let url = `${this.$api.BASE_URL}/${this.$api.URL_METRICS}/service/${uuid}/days/${daysBack}`;
     this.axios.get(url).then((response) => {
       this.$refs.chartServiceVulnerabilities.render(response.data);
-      this.$refs.chartPolicyViolations.render(response.data);
+      this.$refs.chartPolicyViolationsState.render(response.data);
       this.$refs.chartPolicyViolationBreakdown.render(response.data);
       this.extractStats(response.data);
     });