Skip to content

Annotated line chart template #305

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

Open
kokonakajima wants to merge 5 commits into
base: master
Choose a base branch
from
Open

Annotated line chart template #305

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
5 commits
Select commit Hold shift + click to select a range
365b807
git add annotated-line-chart template
Jan 28, 2019
5a06b6a
annotated-line-chart template remove js/lib/ files
Jan 28, 2019
f3afaae
annotated-line-chart template updates
Jan 28, 2019
98d62ca
update div id in annotated-line-chart child template html
Jan 29, 2019
6096645
use correct div id in annotated-line-chart js
Jan 29, 2019
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
7 changes: 7 additions & 0 deletions fabfile/__init__.py
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -373,6 +373,13 @@ def add_animated_photo(slug):
"""
_add_graphic(slug, 'animated_photo')

@task
def add_annotated_line_chart(slug):
"""
Create an annotated line chart.
"""
_add_graphic(slug, 'annotated_line_chart')

@task
def add_archive_graphic(slug):
"""
Expand Down
32 changes: 32 additions & 0 deletions graphic_templates/annotated_line_chart/child_template.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,32 @@
{% extends 'base_template.html' %}

{% block content %}

{% if COPY.labels.headline %}<h1>{{ COPY.labels.headline|smarty }}</h1>{% endif %}
{% if COPY.labels.subhed %}<h2>{{ render(COPY.labels.subhed)|smarty }}</h2>{% endif %}

<div id="annotated-line-chart" class="graphic" role="img"
{% if COPY.labels.screenreader %}
aria-label="{{ COPY.labels.screenreader|forceescape }}"
{% endif %}
>
<img src="fallback.png" alt="" class="fallback" />
</div>

{% if COPY.labels.footnote %}
<div class="footnotes">
<h4>Notes</h4>
<p>{{ COPY.labels.footnote|smarty }}</p>
</div>
{% endif %}

<div class="footer">
{% if COPY.labels.source %}<p>Source: {{ COPY.labels.source|smarty }}</p>{% endif %}
{% if COPY.labels.credit %}<p>Credit: {{ COPY.labels.credit|smarty }}</p>{% endif %}
</div>

<script type="text/javascript">
var DATA = {{ COPY.data.json() }};
</script>

{% endblock content %}
38 changes: 38 additions & 0 deletions graphic_templates/annotated_line_chart/css/graphic.less
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,38 @@
@import "base";

.lines {
fill: none;
stroke-width: 3px;
stroke: #ccc;
}

.value text {
font-size: 12px;
font-weight: bold;
fill: #999;
}

.annotations .dots {
stroke: #fff;
stroke-width: 1px;
}

.annotations text {
font-size: 12px;
fill: #999;
}

/*
* larger-than-mobile-screen styles
*/
@media @screen-mobile-above {
.key { display: none; }
}

/*
* small-screen styles
*/
@media @screen-mobile {
.value text { font-size: 10px; }
.annotations text { font-size: 10px; }
}
13 changes: 13 additions & 0 deletions graphic_templates/annotated_line_chart/graphic_config.py
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,13 @@
#!/usr/bin/env python

import base_filters

COPY_GOOGLE_DOC_KEY = '1wq0oi5HfgfYBdDs32-Qs77xmnI9VMXPUgRHA8lKIRmM'

USE_ASSETS = False

# Use these variables to override the default cache timeouts for this graphic
# DEFAULT_MAX_AGE = 20
# ASSETS_MAX_AGE = 300

JINJA_FILTER_FUNCTIONS = base_filters.FILTERS
Loading