Skip to content

Feature/languages breakdown enhancements #14

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
merged 2 commits into from
Apr 17, 2024
Merged

Feature/languages breakdown enhancements #14

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
e3b0457
Update .env file with VUE_APP_GITHUB_ORG=octodemo
martedesco Apr 17, 2024
81ff6b4
Refactor code in LanguagesBreakdown.vue component
martedesco Apr 17, 2024
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
2 changes: 1 addition & 1 deletion .env
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,5 +1,5 @@
VUE_APP_MOCKED_DATA=true

VUE_APP_GITHUB_ORG=
VUE_APP_GITHUB_ORG=octodemo

VUE_APP_GITHUB_TOKEN=
50 changes: 25 additions & 25 deletions src/assets/copilot_metrics_response_sample.json
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -6,8 +6,8 @@
"total_lines_suggested": 35290,
"total_lines_accepted": 5038,
"total_active_users": 97,
"total_chat_acceptances": 174,
"total_chat_turns": 119,
"total_chat_acceptances": 157,
"total_chat_turns": 190,
"total_active_chat_users": 38,
"breakdown": [
{
Expand Down Expand Up @@ -957,7 +957,7 @@
"active_users": 2
}
],
"total_chat_acceptances": 149,
"total_chat_acceptances": 151,
"total_chat_turns": 168,
"total_active_chat_users": 7
},
Expand Down Expand Up @@ -1510,7 +1510,7 @@
"active_users": 2
}
],
"total_chat_acceptances": 182,
"total_chat_acceptances": 12,
"total_chat_turns": 43,
"total_active_chat_users": 6
},
Expand Down Expand Up @@ -2054,7 +2054,7 @@
"active_users": 2
}
],
"total_chat_acceptances": 57,
"total_chat_acceptances": 27,
"total_chat_turns": 43,
"total_active_chat_users": 187
},
Expand Down Expand Up @@ -2391,7 +2391,7 @@
"active_users": 2
}
],
"total_chat_acceptances": 180,
"total_chat_acceptances": 93,
"total_chat_turns": 196,
"total_active_chat_users": 146
},
Expand Down Expand Up @@ -2755,7 +2755,7 @@
"active_users": 2
}
],
"total_chat_acceptances": 161,
"total_chat_acceptances": 21,
"total_chat_turns": 88,
"total_active_chat_users": 141
},
Expand Down Expand Up @@ -3227,7 +3227,7 @@
"active_users": 2
}
],
"total_chat_acceptances": 71,
"total_chat_acceptances": 142,
"total_chat_turns": 159,
"total_active_chat_users": 53
},
Expand Down Expand Up @@ -3780,7 +3780,7 @@
"active_users": 1
}
],
"total_chat_acceptances": 118,
"total_chat_acceptances": 53,
"total_chat_turns": 192,
"total_active_chat_users": 34
},
Expand Down Expand Up @@ -4387,7 +4387,7 @@
"active_users": 1
}
],
"total_chat_acceptances": 132,
"total_chat_acceptances": 16,
"total_chat_turns": 36,
"total_active_chat_users": 162
},
Expand Down Expand Up @@ -4985,7 +4985,7 @@
"active_users": 3
}
],
"total_chat_acceptances": 108,
"total_chat_acceptances": 68,
"total_chat_turns": 118,
"total_active_chat_users": 5
},
Expand Down Expand Up @@ -5286,7 +5286,7 @@
"active_users": 2
}
],
"total_chat_acceptances": 39,
"total_chat_acceptances": 46,
"total_chat_turns": 96,
"total_active_chat_users": 9
},
Expand Down Expand Up @@ -5623,7 +5623,7 @@
"active_users": 2
}
],
"total_chat_acceptances": 125,
"total_chat_acceptances": 14,
"total_chat_turns": 19,
"total_active_chat_users": 54
},
Expand Down Expand Up @@ -6059,7 +6059,7 @@
"active_users": 2
}
],
"total_chat_acceptances": 42,
"total_chat_acceptances": 142,
"total_chat_turns": 194,
"total_active_chat_users": 44
},
Expand Down Expand Up @@ -6567,7 +6567,7 @@
"active_users": 2
}
],
"total_chat_acceptances": 11,
"total_chat_acceptances": 23,
"total_chat_turns": 37,
"total_active_chat_users": 90
},
Expand Down Expand Up @@ -7030,7 +7030,7 @@
"active_users": 1
}
],
"total_chat_acceptances": 11,
"total_chat_acceptances": 27,
"total_chat_turns": 160,
"total_active_chat_users": 131
},
Expand Down Expand Up @@ -7574,7 +7574,7 @@
"active_users": 1
}
],
"total_chat_acceptances": 15,
"total_chat_acceptances": 1,
"total_chat_turns": 16,
"total_active_chat_users": 45
},
Expand Down Expand Up @@ -7893,7 +7893,7 @@
"active_users": 2
}
],
"total_chat_acceptances": 102,
"total_chat_acceptances": 4,
"total_chat_turns": 22,
"total_active_chat_users": 115
},
Expand Down Expand Up @@ -8257,7 +8257,7 @@
"active_users": 2
}
],
"total_chat_acceptances": 194,
"total_chat_acceptances": 123,
"total_chat_turns": 140,
"total_active_chat_users": 58
},
Expand Down Expand Up @@ -8837,7 +8837,7 @@
"active_users": 1
}
],
"total_chat_acceptances": 125,
"total_chat_acceptances": 52,
"total_chat_turns": 178,
"total_active_chat_users": 199
},
Expand Down Expand Up @@ -9453,7 +9453,7 @@
"active_users": 2
}
],
"total_chat_acceptances": 134,
"total_chat_acceptances": 104,
"total_chat_turns": 146,
"total_active_chat_users": 136
},
Expand Down Expand Up @@ -9961,7 +9961,7 @@
"active_users": 2
}
],
"total_chat_acceptances": 55,
"total_chat_acceptances": 24,
"total_chat_turns": 108,
"total_active_chat_users": 10
},
Expand Down Expand Up @@ -10433,7 +10433,7 @@
"active_users": 2
}
],
"total_chat_acceptances": 7,
"total_chat_acceptances": 39,
"total_chat_turns": 43,
"total_active_chat_users": 99
},
Expand Down Expand Up @@ -10851,7 +10851,7 @@
"active_users": 2
}
],
"total_chat_acceptances": 104,
"total_chat_acceptances": 130,
"total_chat_turns": 132,
"total_active_chat_users": 173
},
Expand Down Expand Up @@ -11053,7 +11053,7 @@
"active_users": 2
}
],
"total_chat_acceptances": 92,
"total_chat_acceptances": 102,
"total_chat_turns": 143,
"total_active_chat_users": 142
}
Expand Down
22 changes: 0 additions & 22 deletions src/components/AppHeader.vue
View file
Open in desktop

This file was deleted.

4 changes: 2 additions & 2 deletions src/components/CopilotChatViewer.vue
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -20,7 +20,7 @@
<v-card-item>
<div>
<div class="text-overline mb-1" style="visibility: hidden;">filler</div>
<div class="text-h6 mb-1">Cumulative Number of Lines of Code Accepted</div>
<div class="text-h6 mb-1">Cumulative Number of Acceptances</div>
<div class="text-caption">
Over the last 28 days
</div>
Expand All @@ -33,7 +33,7 @@

<v-container style="min-height: 300px;" class="px-4 elevation-2">

<h2>Total Suggestions Count | Total Acceptances Count</h2>
<h2>Total Acceptances | Total Turns Count</h2>
<Line :data="totalNumberAcceptancesAndTurnsChartData" :options="chartOptions" />

<h2>Total Active Copilot Chat Users</h2>
Expand Down
57 changes: 27 additions & 30 deletions src/components/LanguagesBreakdown.vue
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -23,25 +23,31 @@
<v-main class="p-1" style="min-height: 300px;">

<v-container style="min-height: 300px;" class="px-4 elevation-2">
<v-card>
<v-card-item class="d-flex justify-center align-center">
<div class="text-overline mb-1" style="visibility: hidden;">filler</div>
<div class="text-h6 mb-1">Top 5 languages by accepted prompts</div>
<div style="width: 300px; height: 300px;" >
<Pie :data="languagesChartDataTop5AcceptedPrompts" :options="chartOptions" />
</div>
</v-card-item>
</v-card>
<v-row>
<v-col cols="6">
<v-card>
<v-card-item class="d-flex justify-center align-center">
<div class="text-overline mb-1" style="visibility: hidden;">filler</div>
<div class="text-h6 mb-1">Top 5 languages by accepted prompts</div>
<div style="width: 300px; height: 300px;">
<Pie :data="languagesChartDataTop5AcceptedPrompts" :options="chartOptions" />
</div>
</v-card-item>
</v-card>
</v-col>

<v-card>
<v-card-item class="d-flex justify-center align-center">
<div class="text-overline mb-1" style="visibility: hidden;">filler</div>
<div class="text-h6 mb-1">Top 5 languages by acceptance rate</div>
<div style="width: 300px; height: 300px;" >
<Pie :data="languagesChartDataTop5AcceptanceRate" :options="chartOptions" />
</div>
</v-card-item>
</v-card>
<v-col cols="6">
<v-card>
<v-card-item class="d-flex justify-center align-center">
<div class="text-overline mb-1" style="visibility: hidden;">filler</div>
<div class="text-h6 mb-1">Top 5 languages by acceptance rate</div>
<div style="width: 300px; height: 300px;">
<Pie :data="languagesChartDataTop5AcceptanceRate" :options="chartOptions" />
</div>
</v-card-item>
</v-card>
</v-col>
</v-row>

<br>
<h2>Languages Breakdown </h2>
Expand Down Expand Up @@ -112,7 +118,6 @@
};
},
setup() {
console.log('LanguagesBreakdown setup');

const metrics = ref<Metrics[]>([]);

Expand Down Expand Up @@ -172,7 +177,6 @@
yield* [...this.entries()].sort((a, b) => b[1].acceptanceRate - a[1].acceptanceRate);
}


// Get the top 5 languages by acceptance rate
const top5LanguagesAcceptanceRate = new Map([...languages.value].slice(0, 5));

Expand All @@ -184,7 +188,7 @@
datasets: [
{
data: Array.from(top5LanguagesAcceptanceRate.values()).map(language => language.acceptanceRate.toFixed(2)),
backgroundColor: ['#41B883', '#E46651', '#00D8FF', '#DD1B16'],
backgroundColor: ['#41B883', '#E46651', '#00D8FF', '#DD1B16', '#FFD700', '#FF69B4', '#D8BFD8', '#DDA0DD', '#EE82EE', '#DA70D6', '#BA55D3', '#9370DB', '#8A2BE2', '#9400D3'],
},
],
};
Expand All @@ -199,7 +203,7 @@
datasets: [
{
data: Array.from(languages.value.values()).map(language => language.acceptedPrompts),
backgroundColor: ['#41B883', '#E46651', '#00D8FF', '#DD1B16'],
backgroundColor: ['#41B883', '#E46651', '#00D8FF', '#DD1B16', '#FFD700', '#FF69B4', '#D8BFD8', '#DDA0DD', '#EE82EE', '#DA70D6', '#BA55D3', '#9370DB', '#8A2BE2', '#9400D3'],
},
],
};
Expand All @@ -212,19 +216,12 @@
datasets: [
{
data: Array.from(top5LanguagesAcceptedPrompts.values()).map(language => language.acceptedPrompts),
backgroundColor: ['#41B883', '#E46651', '#00D8FF', '#DD1B16'],
backgroundColor: ['#41B883', '#E46651', '#00D8FF', '#DD1B16', '#FFD700', '#FF69B4', '#D8BFD8', '#DDA0DD', '#EE82EE', '#DA70D6', '#BA55D3', '#9370DB', '#8A2BE2', '#9400D3'],
},
],
};



numberOfLanguages.value = languages.value.size;

console.log("Number of languages: " + numberOfLanguages.value);

console.log("LanguagesChartData: " + JSON.stringify(languagesChartData));


}).catch(error => {
console.log(error);
Expand Down