Skip to content

Instantly share code, notes, and snippets.

@LouisdeBruijn

LouisdeBruijn/demographics.html

Last active March 28, 2020 09:23
Show Gist options

  • Select an option

    Learn more about clone URLs
  • Save LouisdeBruijn/96e4f6ce72a8143cd2a5fa2107a7cc29 to your computer and use it in GitHub Desktop.

Select an option

Learn more about clone URLs
Save LouisdeBruijn/96e4f6ce72a8143cd2a5fa2107a7cc29 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
demographics.html
<head>
<script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.8.0/Chart.min.js"></script>
</head>
{% load static %}
<section>
<small class="form-text text-muted">Choose a dataset</small>
<form action="{% url 'demographics' %}" class="" method="POST">
{% csrf_token %}
<div class="form-check form-check-inline">
<input class="form-check-input dataset" type="radio" name="dataset" id="dataset_a" value="a" checked>
<label class="form-check-label" for="dataset_a">
Dataset A
</label>
</div>
<div class="form-check form-check-inline">
<input class="form-check-input dataset" type="radio" name="dataset" id="dataset_b" value="b">
<label class="form-check-label" for="dataset_b">
Dataset B
</label>
</div>
<div class="form-check form-check-inline">
<input class="form-check-input dataset" type="radio" name="dataset" id="both_datasets" value="all">
<label class="form-check-label" for="both_datasets">
both datasets
</label>
</div>
<small class="form-text text-muted">Choose a label</small>
<div class="form-check form-check-inline">
<input class="form-check-input dataset" type="radio" name="label" id="positive_class" value="pos">
<label class="form-check-label" for="positive_class">
positive class
</label>
</div>
<div class="form-check form-check-inline">
<input class="form-check-input dataset" type="radio" name="label" id="negative_class" value="neg">
<label class="form-check-label" for="negative_class">
negative class
</label>
</div>
<div class="form-check form-check-inline">
<input class="form-check-input dataset" type="radio" name="label" id="both_class" value="all" checked>
<label class="form-check-label" for="both_class">
both classes
</label>
</div>
</form>
</section>
<section>
<div id="demographics-container">
<div id="demographics-content">
</div>
</div>
</section>
<script src="{% static 'scripts/index.js' %}"></script>
<script src="{% static 'scripts/chart.js' %}"></script>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment