Skip to content

D3 chartjs migration #7520

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
akatsoulas merged 2 commits into from
Jun 12, 2026
Merged

D3 chartjs migration #7520

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
127138f
Update all sumo dashboards
akatsoulas May 22, 2026
a20c946
Optimize votes history dashboard
akatsoulas May 22, 2026
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
24 changes: 3 additions & 21 deletions kitsune/community/jinja2/community/metrics.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -31,41 +31,23 @@ <h2 class="sumo-page-subheading">{{ _('Retention') }}</h2>
{# The locale code is not localizable - the data are for English only. #}
<h2 class="sumo-page-subheading">{{ _('Contributor Satisfaction: %(locale)s', locale='en-US') }}</h2>

<div class="rickshaw">
<div class="inline-controls"></div>
<div class="graph-container">
<div class="slider"></div>
<div class="graph" data-chart-type="rickshaw" data-slug="csat"></div>
</div>
</div>
<div class="graph" data-chart-type="rickshaw" data-slug="csat"></div>
</section>

<section id="kpi-csat-l10n"
data-url="{{ url('api.kpi.csat-contributors-kb-l10n') }}">

<h2 class="sumo-page-subheading">{{ _('Contributor Satisfaction: l10n') }}</h2>

<div class="rickshaw">
<div class="inline-controls"></div>
<div class="graph-container">
<div class="slider"></div>
<div class="graph" data-chart-type="rickshaw" data-slug="csat"></div>
</div>
</div>
<div class="graph" data-chart-type="rickshaw" data-slug="csat"></div>
</section>

<section id="kpi-csat-support"
data-url="{{ url('api.kpi.csat-contributors-support-forum') }}">

<h2 class="sumo-page-subheading">{{ _('Contributor Satisfaction: Support Forum') }}</h2>

<div class="rickshaw">
<div class="inline-controls"></div>
<div class="graph-container">
<div class="slider"></div>
<div class="graph" data-chart-type="rickshaw" data-slug="csat"></div>
</div>
</div>
<div class="graph" data-chart-type="rickshaw" data-slug="csat"></div>
</section>

</article>
Expand Down
28 changes: 0 additions & 28 deletions kitsune/dashboards/jinja2/dashboards/aggregated_metrics.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -23,48 +23,20 @@ <h1 class="sumo-page-heading">{{ title }}</h1>
<section id="percent-localized-top100" data-url="{{ url('api.wikimetric_list')|urlparams(product=product_slug, page_size=1000) }}">
{# Double % required below to escape % for gettext #}
<h2 class="sumo-page-subheading">{{ _('Top 100 Articles: %% Localized') }}</h2>
<div class="rickshaw">
<div class="inline-controls"></div>
<div class="graph-container">
<div class="slider"></div>
<div class="graph"></div>
</div>
</div>
</section>

<section id="percent-localized-top20" class="sumo-page-section" data-url="{{ url('api.wikimetric_list')|urlparams(product=product_slug, page_size=1000) }}">
{# Double % required below to escape % for gettext #}
<h2 class="sumo-page-subheading">{{ _('Top 20 Articles: %% Localized') }}</h2>
<div class="rickshaw">
<div class="inline-controls"></div>
<div class="graph-container">
<div class="slider"></div>
<div class="graph"></div>
</div>
</div>
</section>

<section id="percent-localized-all" class="sumo-page-section" data-url="{{ url('api.wikimetric_list')|urlparams(product=product_slug, page_size=1000) }}">
{# Double % required below to escape % for gettext #}
<h2 class="sumo-page-subheading">{{ _('All Articles: %% Localized') }}</h2>
<div class="rickshaw">
<div class="inline-controls"></div>
<div class="graph-container">
<div class="slider"></div>
<div class="graph"></div>
</div>
</div>
</section>

<section id="active-contributors" class="sumo-page-section" data-url="{{ url('api.wikimetric_list')|urlparams(product=product_slug, page_size=1000) }}">
<h2 class="sumo-page-subheading">{{ _('Active Contributors') }}</h2>
<div class="rickshaw">
<div class="inline-controls"></div>
<div class="graph-container">
<div class="slider"></div>
<div class="graph"></div>
</div>
</div>
</section>
</div>
</article>
Expand Down
23 changes: 1 addition & 22 deletions kitsune/dashboards/jinja2/dashboards/locale_metrics.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -18,36 +18,15 @@ <h1 class="sumo-page-heading">{{ title }}</h1>
{% if current_locale != settings.WIKI_DEFAULT_LANGUAGE %}
<section class="sumo-page-section" id="localization-metrics" data-url="{{ url('api.wikimetric_list')|urlparams(locale=current_locale, page_size=10000, product=product_slug) }}">
<h2 class="sumo-page-subheading">{{ _('Localization Percentage') }}</h2>
<div class="rickshaw">
<div class="inline-controls"></div>
<div class="graph-container">
<div class="slider"></div>
<div class="graph"></div>
</div>
</div>
</section>
{% endif %}

<section class="sumo-page-section" id="active-contributors" data-url="{{ url('api.wikimetric_list')|urlparams(locale=current_locale, page_size=10000, product=product_slug) }}">
<h2 class="sumo-page-subheading">{{ _('Active Contributors') }}</h2>
<div class="rickshaw">
<div class="inline-controls"></div>
<div class="graph-container">
<div class="slider"></div>
<div class="graph"></div>
</div>
</div>
</section>

<section class="sumo-page-section" id="kpi-vote" data-url="{{ url('api.kpi.kb-votes')|urlparams(locale=current_locale, product=product_slug) }}">
<section class="sumo-page-section" id="kpi-vote" data-url="{{ url('api.kpi.kb-votes')|urlparams(locale=current_locale, product=product_slug) }}">
<h2 class="sumo-page-subheading">{{ _('Helpful Votes') }}</h2>
<div class="rickshaw">
<div class="inline-controls"></div>
<div class="graph-container">
<div class="slider"></div>
<div class="graph"></div>
</div>
</div>
</section>
</article>
{% endblock %}
Expand Down
64 changes: 8 additions & 56 deletions kitsune/kpi/jinja2/kpi/dashboard.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -20,27 +20,15 @@ <h2 class="sumo-page-subheading">{{ _('Retention') }}</h2>

<h2 class="sumo-page-subheading">{{ _('Contributor Satisfaction') }}</h2>

<div class="rickshaw">
<div class="inline-controls"></div>
<div class="graph-container">
<div class="slider"></div>
<div class="graph" data-chart-type="rickshaw" data-slug="csat"></div>
</div>
</div>
<div class="graph" data-chart-type="rickshaw" data-slug="csat"></div>
</section>

<section id="kpi-questions"
data-url="{{ url('api.kpi.questions') }}">

<h2 class="sumo-page-subheading">{{ _('Questions') }}</h2>

<div class="rickshaw">
<div class="inline-controls"></div>
<div class="graph-container">
<div class="slider"></div>
<div class="graph" data-chart-type="rickshaw" data-slug="questions"></div>
</div>
</div>
<div class="graph" data-chart-type="rickshaw" data-slug="questions"></div>

<ul class="kpi-legend" id="kpi-legend-questions">
<li>
Expand All @@ -67,13 +55,7 @@ <h2 class="sumo-page-subheading">{{ _('Questions') }}</h2>

<h2 class="sumo-page-subheading">{{ _('Helpful Votes') }}</h2>

<div class="rickshaw">
<div class="inline-controls"></div>
<div class="graph-container">
<div class="slider"></div>
<div class="graph" data-chart-type="rickshaw" data-slug="vote"></div>
</div>
</div>
<div class="graph" data-chart-type="rickshaw" data-slug="vote"></div>

<ul class="kpi-legend" id="kpi-legend-vote">
<li>
Expand All @@ -93,13 +75,7 @@ <h2 class="sumo-page-subheading">{{ _('Helpful Votes') }}</h2>

<h2 class="sumo-page-subheading">{{ _('Active Contributors') }}</h2>

<div class="rickshaw">
<div class="inline-controls"></div>
<div class="graph-container">
<div class="slider"></div>
<div class="graph" data-chart-type="rickshaw" data-slug="activeContributors"></div>
</div>
</div>
<div class="graph" data-chart-type="rickshaw" data-slug="activeContributors"></div>

<ul>
<li>
Expand Down Expand Up @@ -148,13 +124,7 @@ <h2 class="sumo-page-subheading">{{ _('Active Contributors') }}</h2>

<h2 class="sumo-page-subheading">{{ _('Search Clickthrough Rate') }}</h2>

<div class="rickshaw">
<div class="inline-controls"></div>
<div class="graph-container">
<div class="slider"></div>
<div class="graph" data-chart-type="rickshaw" data-slug="ctr"></div>
</div>
</div>
<div class="graph" data-chart-type="rickshaw" data-slug="ctr"></div>

<ul>
<li>
Expand All @@ -174,27 +144,15 @@ <h2 class="sumo-page-subheading">{{ _('Search Clickthrough Rate') }}</h2>

<h2 class="sumo-page-subheading">{{ _('Daily Unique Visitors') }}</h2>

<div class="rickshaw">
<div class="inline-controls"></div>
<div class="graph-container">
<div class="slider"></div>
<div class="graph" data-chart-type="rickshaw" data-slug="visitors"></div>
</div>
</div>
<div class="graph" data-chart-type="rickshaw" data-slug="visitors"></div>
</section>

<section id="kpi-l10n"
data-url="{{ url('api.kpi.l10n-coverage') }}">

<h2 class="sumo-page-subheading">{{ _('L10n Coverage') }}</h2>

<div class="rickshaw">
<div class="inline-controls"></div>
<div class="graph-container">
<div class="slider"></div>
<div class="graph" data-chart-type="rickshaw" data-slug="l10n"></div>
</div>
</div>
<div class="graph" data-chart-type="rickshaw" data-slug="l10n"></div>

<ul>
<li>
Expand Down Expand Up @@ -234,13 +192,7 @@ <h2 class="sumo-page-subheading">{{ _('L10n Coverage') }}</h2>

<h2 class="sumo-page-subheading">{{ _('Exit Survey Results') }}</h2>

<div class="rickshaw">
<div class="inline-controls"></div>
<div class="graph-container">
<div class="slider"></div>
<div class="graph" data-chart-type="rickshaw" data-slug="exitSurvey"></div>
</div>
</div>
<div class="graph" data-chart-type="rickshaw" data-slug="exitSurvey"></div>
</section>

</article>
Expand Down
Loading