diff --git a/svg.cpp b/svg.cpp
new file mode 100644
index 0000000..8b95ed1
--- /dev/null
+++ b/svg.cpp
@@ -0,0 +1,37 @@
+#include "svg.h"
+#include <iostream>
+using namespace std;
+
+void svg_begin(double width, double height) {
+    cout << "<?xml version='1.0' encoding='UTF-8'?>\n";
+    cout << "<svg width='" << width << "' height='" << height << "' "
+         << "viewBox='0 0 " << width << " " << height << "' "
+         << "xmlns='http://www.w3.org/2000/svg'>\n";
+}
+
+void svg_text(double left, double baseline, const string& text) {
+    cout << "<text x='" << left << "' y='" << baseline << "'>" << text << "</text>\n";
+}
+
+void svg_rect(double x, double y, double width, double height, const string& stroke, const string& fill) {
+    cout << "<rect x='" << x << "' y='" << y << "' width='" << width << "' height='" << height
+         << "' stroke='" << stroke << "' fill='" << fill << "' />\n";
+}
+
+void show_histogram_svg(const vector<size_t>& bins) {
+    const auto IMAGE_WIDTH = 400;
+    const auto IMAGE_HEIGHT = 300;
+    const auto TEXT_LEFT = 20;
+    const auto TEXT_BASELINE = 20;
+    const auto TEXT_WIDTH = 50;
+    const auto BIN_HEIGHT = 30;
+
+    svg_begin(IMAGE_WIDTH, IMAGE_HEIGHT);
+    double top = 0;
+    for (size_t bin : bins) {
+        svg_text(TEXT_LEFT, top + TEXT_BASELINE, to_string(bin));
+        svg_rect(TEXT_WIDTH, top, bin * 10, BIN_HEIGHT, "black", "#aaffaa");
+        top += BIN_HEIGHT;
+    }
+    svg_end();
+}
diff --git a/svg.h b/svg.h
new file mode 100644
index 0000000..4610dee
--- /dev/null
+++ b/svg.h
@@ -0,0 +1,9 @@
+#pragma once
+#include <vector>
+#include <string>
+
+void svg_begin(double, double);
+void svg_end();
+void svg_text(double, double, const std::string&);
+void svg_rect(double, double, double, double, const std::string& = "black", const std::string& = "black");
+void show_histogram_svg(const std::vector<size_t>&);