smaller plots

ddxv · Nov 27, 2024 · 2227c7f · 2227c7f
1 parent b3714c2
commit 2227c7f
Show file tree

Hide file tree

Showing 2 changed files with 19 additions and 15 deletions.
diff --git a/frontend/src/lib/CompaniesBarChart.svelte b/frontend/src/lib/CompaniesBarChart.svelte
@@ -21,6 +21,7 @@
 		chartOptions = {
 			title: plotTitle,
 			theme: 'g90', // <- how to set the theme
+			toolbar: { enabled: false },
 			axes: {
 				left: {
 					mapsTo: 'group',

diff --git a/frontend/src/routes/+page.svelte b/frontend/src/routes/+page.svelte
@@ -222,16 +222,17 @@
 						<h3 class="h3">Top SDK Advertising Networks</h3>
 					</div>
 					<div class="card-content">
-						Checkout the top SDK advertising networks.
+						These are the top Mobile Advertising Networks based on SDKs we found in iOS and Android
+						apps.
 						{#await data.topCompanies}
 							Loading ...
 						{:then myTops}
 							{#if myTops.adnetworks}
 								<WhiteCard>
-									<CompaniesBarChart
-										plotData={myTops.adnetworks.sdk}
-										plotTitle="Top SDK Ad Networks Companies"
-									/>
+									{#snippet title()}
+										Top SDK Ad Networks
+									{/snippet}
+									<CompaniesBarChart plotData={myTops.adnetworks.sdk} />
 								</WhiteCard>
 							{/if}
 						{/await}
@@ -245,16 +246,17 @@
 						<h3 class="h3">Top iOS MMPs & Ad Tracking</h3>
 					</div>
 					<div class="card-content">
-						Checkout the top MMPs and tracking companies.
+						See which MMPs and mobile app tracking companies are used most often in Android and iOS
+						apps.
 						{#await data.topCompanies}
 							Loading ...
 						{:then myTops}
 							{#if myTops.attribution}
 								<WhiteCard>
-									<CompaniesBarChart
-										plotData={myTops.attribution.sdk}
-										plotTitle="Top MMPs & Attribution Companies"
-									/>
+									{#snippet title()}
+										Top MMPs & Attribution Companies
+									{/snippet}
+									<CompaniesBarChart plotData={myTops.attribution.sdk} />
 								</WhiteCard>
 							{/if}
 						{/await}
@@ -268,16 +270,17 @@
 						<h3 class="h3">Top Product Analytics</h3>
 					</div>
 					<div class="card-content">
-						Checkout the top product analytics companies.
+						These are the most popular Product Analytics companies or open source libraries based on
+						SDKs we found in iOS and Android apps.
 						{#await data.topCompanies}
 							Loading ...
 						{:then myTops}
 							{#if myTops.analytics}
 								<WhiteCard>
-									<CompaniesBarChart
-										plotData={myTops.analytics.sdk}
-										plotTitle="Top Product Analytics Companies"
-									/>
+									{#snippet title()}
+										Top Product Analytics Companies
+									{/snippet}
+									<CompaniesBarChart plotData={myTops.analytics.sdk} />
 								</WhiteCard>
 							{/if}
 						{/await}