Skip to content

Commit

Permalink
update css chnages methodology
Browse files Browse the repository at this point in the history
  • Loading branch information
Janith Rathnayaka committed May 21, 2024
1 parent e587869 commit c7752b0
Show file tree
Hide file tree
Showing 2 changed files with 30 additions and 44 deletions.
12 changes: 6 additions & 6 deletions ui/database/methodologyTableData.ts
View file
Original file line number Diff line number Diff line change
Expand Up @@ -22,7 +22,7 @@ export const tableData = [
{
subPillar: "Usage & Adoption",
levels: [
"Tech for leisure, low access and adoption.",
"Basic: Tech for leisure, low access and adoption.",
"Transactional: Moderate use, gaps in access.",
"Intermediate: Complex actions, info access, tech ownership.",
"Advanced: Complex services, reduced divide.",
Expand Down Expand Up @@ -128,7 +128,7 @@ export const tableData = [
levels: [
" Closed: No info sharing, no feedback or evaluation.",
"Reactionary: Limited sharing, key stakeholder input.",
"Informative: Regular info sharing, some stakeholder input.",
"Transparent: Regular info sharing, some stakeholder input.",
"Participatory: Info sharing, broad input, partial KPIs.",
"Collaborative: Open, stakeholder partnership, robust feedback, evaluations.",
],
Expand Down Expand Up @@ -272,11 +272,11 @@ export const tableData = [
{
subPillar: "Payments",
levels: [
" Traditional: Cash, checks dominate, rare digital payments.",
"Traditional: Cash, checks dominate, rare digital payments.",
"Changing: Digital access, cards, online banking, cashless.",
"Prepaid, mobile money, no bank account.",
"Decoupled payments, digital wallets.",
"Widespread digital payments, local currencies.",
"Systematic: Prepaid, mobile money, no bank account.",
"Differentiating: Decoupled payments, digital wallets.",
"Transformational: Widespread digital payments, local currencies.",
],
},
{
Expand Down
62 changes: 24 additions & 38 deletions ui/pages/methodology.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -284,21 +284,8 @@ export default function Methodology(
first version of the Compass. This indicator evaluation had two
phases:
</p>
<p>
These indicators are compiled into an Open Digital Development
Data Exchange that includes 189 publicly available datasets and
is available on{" "}
<a
href="https://github.com/undp/digital-development-compass"
className="text-blue-300"
target="_blank"
>
GitHub
</a>
. Sources of the data sets include:
</p>
<ul className="list-disc pl-5">
<li>
<li className="pb-2">
Phase 1: Existing indicators were reviewed according to newly
established indicator criteria. A number of composite indexes
were also exploded (the term “exploded” is used, in the sense
Expand Down Expand Up @@ -552,37 +539,36 @@ export default function Methodology(
<p className="mb-4">
For indicators where there are gaps in country data, or where an
indicator has not collected data from particular countries,
imputing scores is an option. However, imputed data is not
included into the scoring in the Digital Development Compass,
while visualization is enabled with a toggle switch giving the
user the option to visualise data with or without imputed
scores. The following methods for imputation to use it in only
the data visualisation are used depending on their suitability
within a given context:
imputing scores is an option. However, imputed data is{" "}
<b>not</b> included into the scoring in the Digital Development
Compass, while visualization is enabled with a toggle switch
giving the user the option to visualise data with or without
imputed scores. The following methods for imputation to use it
in only the data visualisation are used depending on their
suitability within a given context:
</p>
<ol className="list-decimal ml-6 space-y-4">
<li>
<span className="font-bold">Linear interpolation:</span>{" "}
Historical information can be used before implementing a
modelling-based approach. If data is missing but there are
values in preceding and subsequent years, linear interpolation
is used.
<span className="">Linear interpolation:</span> Historical
information can be used before implementing a modelling-based
approach. If data is missing but there are values in preceding
and subsequent years, linear interpolation is used.
</li>
<li>
<span className="font-bold">Extrapolation:</span> If there is
no data from preceding and subsequent years, data is
extrapolated as a constant value of the nearest reported data,
or as a value on a trend line/curve.
<span className="">Extrapolation:</span> If there is no data
from preceding and subsequent years, data is extrapolated as a
constant value of the nearest reported data, or as a value on
a trend line/curve.
</li>
<li>
<span className="font-bold">
<span className="">
Neighbouring/similar countries’ data:
</span>{" "}
A mean average is taken based on a sample of regionally
neighbouring countries and/or GDP figures.
</li>
<li>
<span className="font-bold">
<span className="">
Expectation-maximisation with a bootstrapping (EMB):
</span>{" "}
The remaining missing data is imputed with an
Expand Down Expand Up @@ -650,7 +636,7 @@ export default function Methodology(
<tr>
{tableData.length > 0 && (
<React.Fragment>
<td className="py-2 px-4 border-b border-gray-300">
<td className="py-2 px-4 border-b border-gray-300 font-bold">
{tableData[0].pillar}
</td>
{tableData[0].levels.map((level, levelIndex) => (
Expand Down Expand Up @@ -745,7 +731,7 @@ export default function Methodology(
<tr>
{tableData.length > 0 && (
<React.Fragment>
<td className="py-2 px-4 border-b border-gray-300">
<td className="py-2 px-4 border-b border-gray-300 font-bold">
{tableData[1].pillar}
</td>
{tableData[1].levels.map((level, levelIndex) => (
Expand Down Expand Up @@ -840,7 +826,7 @@ export default function Methodology(
<tr>
{tableData.length > 0 && (
<React.Fragment>
<td className="py-2 px-4 border-b border-gray-300">
<td className="py-2 px-4 border-b border-gray-300 font-bold">
{tableData[2].pillar}
</td>
{tableData[2].levels.map((level, levelIndex) => (
Expand Down Expand Up @@ -935,7 +921,7 @@ export default function Methodology(
<tr>
{tableData.length > 0 && (
<React.Fragment>
<td className="py-2 px-4 border-b border-gray-300">
<td className="py-2 px-4 border-b border-gray-300 font-bold">
{tableData[3].pillar}
</td>
{tableData[3].levels.map((level, levelIndex) => (
Expand Down Expand Up @@ -1030,7 +1016,7 @@ export default function Methodology(
<tr>
{tableData.length > 0 && (
<React.Fragment>
<td className="py-2 px-4 border-b border-gray-300">
<td className="py-2 px-4 border-b border-gray-300 font-bold">
{tableData[4].pillar}
</td>
{tableData[4].levels.map((level, levelIndex) => (
Expand Down Expand Up @@ -1125,7 +1111,7 @@ export default function Methodology(
<tr>
{tableData.length > 0 && (
<React.Fragment>
<td className="py-2 px-4 border-b border-gray-300">
<td className="py-2 px-4 border-b border-gray-300 font-bold">
{tableData[5].pillar}
</td>
{tableData[5].levels.map((level, levelIndex) => (
Expand Down

0 comments on commit c7752b0

Please sign in to comment.