Skip to content

Instantly share code, notes, and snippets.

@pulecka

pulecka/index.html

Last active August 29, 2015 13:57
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save pulecka/9734900 to your computer and use it in GitHub Desktop.
Save pulecka/9734900 to your computer and use it in GitHub Desktop.
Download ZIP
Příliš kyseliny škodí
Raw
readme.md

Zubní sklovina je nejvíc poškozována pokud je v ústech kyselé prostředí. Zvýšená kyselost může vzniknout konzumací kyselých potravin a nápojů a také konzumací cukru. Bakterie v ústech při rozkládání cukru produkují kyselinu, která dále zvyšuje aciditu prostředí ústní dutiny a ohroženost zubní skloviny.

Nápoje s vysokým obsahem cukru a nízkým pH faktorem jsou tedy rizikové. Asi nikoho nepřekvapí, že kolové nápoje a další limonády jsou velmi špatné pro zubní sklovinu. Ovšem velmi podobně na tom jsou i čistě ovocné džusy. Sklenice pomerančového koncentrátu obsahuje veškerou kyselinu a cukr z 4 - 6 pomerančů a ve výsledku má podobné hodnoty jako slazené limonády.

S výjimkou mandlového mléka neexistuje nápoj, který by byl zásaditý, ale voda, mléko, káva a čaj jsou buď neutrální nebo velmi mírně kyselé. Tyto nápoje jsou tedy z hlediska ochrany zubní skloviny. Samozřejmě u kávy a čaje je důležité omezit slazení, jinak se jejich nebezpečnost výrazně zvyšuje. Pro limonády a džusy platí, že konzumovat v omezeném množství, pokud možno při jídle a rychle polykat. Mezi jídly je lepší pít čistou vodu.

Raw
index.html
<!DOCTYPE html>
<meta charset="utf-8">
<style>
body {
font: 10px sans-serif;
}
.axis path,
.axis line {
fill: none;
stroke: #000;
shape-rendering: crispEdges;
}
.dot {
stroke: #000;
}
</style>
<body>
<script src="http://d3js.org/d3.v3.min.js"></script>
<script>
var margin = {top: 20, right: 20, bottom: 30, left: 40},
width = 960 - margin.left - margin.right,
height = 500 - margin.top - margin.bottom;
var x = d3.scale.linear()
.range([0, width]);
var y = d3.scale.linear()
.range([height, 0]);
var color = d3.scale.category10();
var xAxis = d3.svg.axis()
.scale(x)
.orient("bottom");
var yAxis = d3.svg.axis()
.scale(y)
.orient("left");
var svg = d3.select("body").append("svg")
.attr("width", width + margin.left + margin.right)
.attr("height", height + margin.top + margin.bottom)
.append("g")
.attr("transform", "translate(" + margin.left + "," + margin.top + ")");
var data = [
{
name: 'coke',
type: 'lemonade',
acidity: 2.5,
sugar: 27
},
{
name: 'pepsi',
type: 'lemonade',
acidity: 2.4,
sugar: 28
},
{
name: 'sprite',
type: 'lemonade',
acidity: 3.4,
sugar: 26
},
{
name: 'nestea',
type: 'lemonade',
acidity: 2.9,
sugar: 20
},
{
name: 'lipton iced tea',
type: 'lemonade',
acidity: 3.0,
sugar: 19
},
{
name: 'coffee',
type: 'other',
acidity: 5.5,
sugar: 10
},
{
name: 'tea',
type: 'other',
acidity: 6.4,
sugar: 8
},
{
name: 'milk',
type: 'other',
acidity: 6.8,
sugar: 12
},
{
name: 'almond milk',
type: 'other',
acidity: 7.6,
sugar: 7
},
{
name: 'water',
type: 'other',
acidity: 7,
sugar: 0
},
{
name: 'grapefruit juice',
type: 'juice',
acidity: 3.0,
sugar: 22
},
{
name: 'pineapple juice',
type: 'juice',
acidity: 3.6,
sugar: 25
},
{
name: 'orange juice',
type: 'juice',
acidity: 3.8,
sugar: 22
},
{
name: 'battery acid',
type: 'other',
acidity: 1.0,
sugar: 0
},
{
name: 'lemon juice',
type: 'juice',
acidity: 2.0,
sugar: 18
},
{
name: 'tomato juice',
type: 'juice',
acidity: 4.5,
sugar: 17
},
{
name: 'apple juice',
type: 'juice',
acidity: 3.4,
sugar: 21
}
];
x.domain(d3.extent(data, function(d) { return d.acidity; })).nice();
y.domain(d3.extent(data, function(d) { return d.sugar; })).nice();
svg.append("g")
.attr("class", "x axis")
.attr("transform", "translate(0," + height + ")")
.call(xAxis)
.append("text")
.attr("class", "label")
.attr("x", width)
.attr("y", -6)
.style("text-anchor", "end")
.text("pH factor");
svg.append("g")
.attr("class", "y axis")
.call(yAxis)
.append("text")
.attr("class", "label")
.attr("transform", "rotate(-90)")
.attr("y", 6)
.attr("dy", ".71em")
.style("text-anchor", "end")
.text("Sugar in glass")
svg.selectAll(".dot")
.data(data)
.enter().append("circle")
.attr("class", "dot")
.attr("r", 5)
.attr("cx", function(d) { return x(d.acidity); })
.attr("cy", function(d) { return y(d.sugar); })
.attr("title", function(d) { return d.name; })
.style("fill", function(d) { return color(d.type); });
svg.selectAll(".name")
.data(data)
.enter().append("text")
.attr("class", "name")
.attr("x", function(d) { return x(d.acidity) + 6; })
.attr("y", function(d) { return y(d.sugar) - 2; })
.text(function(d) { return d.name; });
var legend = svg.selectAll(".legend")
.data(color.domain())
.enter().append("g")
.attr("class", "legend")
.attr("transform", function(d, i) { return "translate(0," + i * 20 + ")"; });
legend.append("rect")
.attr("x", width - 18)
.attr("width", 18)
.attr("height", 18)
.style("fill", color);
legend.append("text")
.attr("x", width - 24)
.attr("y", 9)
.attr("dy", ".35em")
.style("text-anchor", "end")
.text(function(d) { return d; });
</script>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment