inkplot 0.3.0 → 0.3.1

data/examples/gallery.rb

@@ -31,69 +31,51 @@ module InkplotGallery
         p.bar(%w[Mon Tue Wed Thu Fri], [12, 16, 11, 19, 22], label: "Direct", stacked: true)
         p.bar(%w[Mon Tue Wed Thu Fri], [8, 9, 13, 10, 14], label: "Search", stacked: true)
       end],
-      ["09-signed-stack", Inkplot.plot(title: "Daily net change") do |p|
-        p.bar(%w[Mon Tue Wed Thu Fri], [8, -4, 5, -2, 9], label: "New", stacked: true)
-        p.bar(%w[Mon Tue Wed Thu Fri], [3, -6, 2, -5, 4], label: "Removed", stacked: true)
-      end],
+      ["09-histogram", Inkplot.histogram([12, 14, 15, 15, 16, 18, 19, 20, 22, 24, 25, 31, 35, 42], title: "Request latency", bins: :auto, x_label: "ms")],
       ["10-area", Inkplot.plot(title: "Build time over a release") { |p| p.area((1..8).to_a, [25, 29, 27, 38, 36, 44, 40, 51], label: "Seconds") }],
       ["11-step", Inkplot.plot(title: "Queue depth") { |p| p.step((0..7).to_a, [3, 3, 5, 5, 4, 8, 8, 2], label: "Jobs") }],
-      ["12-histogram", Inkplot.histogram([8, 9, 10, 10, 11, 12, 12, 13, 14, 15, 17, 18, 22, 25, 31, 33], bins: :auto, title: "Response time", x_label: "Milliseconds")],
-      ["13-log-scale", Inkplot.plot(title: "Growth on a log scale") do |p|
-        p.y_axis(scale: :log, min: 1)
-        p.line((0..5).to_a, [1, 3, 9, 27, 81, 243])
-      end],
-      ["14-time-axis", Inkplot.plot(title: "Hourly requests") do |p|
-        p.x_axis(label: "UTC", type: :time)
-        p.line((0..6).map do |hour|
-          Time.utc(2026, 9, 24, hour * 4)
-        end, [12, 17, 15, 24, 31, 27, 38])
+      ["12-time", Inkplot.plot(title: "Monthly active users") do |p|
+        p.x_axis(label: "Month", type: :time)
+        p.line((0..11).map { |month| Time.utc(2026, month + 1, 1) }, [34, 37, 36, 42, 48, 51, 49, 57, 62, 66, 72, 79], label: "Users")
       end],
-      ["15-category-order", Inkplot.plot(title: "Deployment health") do |p|
-        p.x_axis(order: %w[dev staging production])
-        p.line(%w[production dev staging], [98, 100, 99], label: "Success %")
+      ["13-annotations", Inkplot.plot(title: "Release performance") do |p|
+        p.line(%w[v1.0 v1.1 v1.2 v1.3], [34, 42, 39, 55], label: "Requests/s")
+        p.hline(45, label: "Target", color: "#D55E00")
+        p.vline("v1.2", label: "Cache enabled", color: "#0072B2")
+        p.annotate("v1.3", 55, "peak", anchor: :end)
       end],
-      ["16-dark-theme", Inkplot.plot(title: "Dark dashboard", theme: :dark) do |p|
-        p.line((1..7).to_a, [12, 18, 16, 24, 22, 30, 35], label: "Throughput")
-        p.hline(20, label: "Target", color: :orange)
+      ["14-dark-theme", Inkplot.plot(title: "Dark theme", theme: :dark) do |p|
+        p.line(%w[Mon Tue Wed Thu Fri], [12, 16, 14, 22, 19], label: "Deploys")
+        p.line(%w[Mon Tue Wed Thu Fri], [8, 9, 13, 12, 18], label: "Rollbacks")
       end],
-      ["17-annotations", Inkplot.plot(title: "Service level objective") do |p|
-        p.line((1..7).to_a, [32, 28, 41, 36, 30, 24, 27])
-        p.hline(35, label: "SLO", color: :red)
-        p.vline(4, color: :blue)
-        p.text(4.1, 42, "deploy")
+      ["15-category-labels", Inkplot.bar((1..18).to_h { |index| ["Region #{index} very long", ((index * 7) % 31) + 4] }, title: "Regional volume")],
+      ["16-custom-bins", Inkplot.histogram([2, 4, 5, 7, 9, 11, 14, 18, 21, 24, 28, 35], bins: [0, 10, 20, 30, 40], title: "Custom latency ranges")],
+      ["17-connected-gaps", Inkplot.plot(title: "Bridge short gaps") do |p|
+        p.line((0..8).to_a, [2, 3, nil, 5, 6, nil, 4, 7, 8], label: "Estimated", gaps: :connect)
       end],
-      ["18-combo", Inkplot.plot(title: "Sales and conversion") do |p|
-        p.bar(%w[Jan Feb Mar Apr], [24, 30, 27, 42], label: "Orders")
-        p.line(%w[Jan Feb Mar Apr], [2.8, 3.1, 3.0, 3.8], label: "Conversion %", color: :red)
+      ["18-step-series", Inkplot.plot(title: "Rate limit changes") do |p|
+        p.step((0..6).to_a, [50, 50, 75, 75, 100, 100, 125], label: "Requests/min")
+        p.hline(100, label: "Current limit")
       end],
-      ["19-legend-position", Inkplot.plot(title: "Legend below", width: 640, height: 380) do |p|
-        p.line((1..5).to_a, [3, 5, 4, 7, 6], label: "Actual")
-        p.line((1..5).to_a, [2, 3, 4, 5, 6], label: "Plan")
-        p.legend(position: :bottom_left)
+      ["19-combined-marks", Inkplot.plot(title: "Quarterly sales") do |p|
+        p.bar(%w[Q1 Q2 Q3 Q4], [16, 20, 18, 27], label: "Previous")
+        p.line(%w[Q1 Q2 Q3 Q4], [19, 25, 24, 34], label: "Current")
       end],
-      ["20-long-categories", Inkplot.plot(title: "Labels rotate when needed") do |p|
-        p.x_axis(order: ["North America", "South America", "Europe", "Asia Pacific"])
-        p.bar(["North America", "South America", "Europe", "Asia Pacific"], [22, 14, 31, 27])
+      ["20-scatter-sizes", Inkplot.plot(title: "Session length vs. pages") do |p|
+        p.scatter([12, 18, 21, 27, 32, 38, 44], [2, 3, 5, 4, 7, 8, 10], size: [1, 2, 3, 2, 5, 6, 8], label: "Sessions")
+        p.annotate(38, 8, "engaged")
       end]
     ]
   end
 end
 
 if $PROGRAM_NAME == __FILE__
-  update_snapshots = ARGV.delete("--update-snapshots")
-  raise ArgumentError, "usage: ruby examples/gallery.rb [--update-snapshots]" unless ARGV.empty?
+  raise ArgumentError, "usage: ruby examples/gallery.rb" unless ARGV.empty?
 
   svg_dir = File.expand_path("gallery", __dir__)
   FileUtils.mkdir_p(svg_dir)
 
   InkplotGallery.charts.each do |name, chart|
     File.write(File.join(svg_dir, "#{name}.svg"), chart.to_svg)
-    next unless update_snapshots
-
-    require "tessel"
-    require "glyphic"
-    png_dir = File.expand_path("../spec/snapshots", __dir__)
-    FileUtils.mkdir_p(png_dir)
-    File.binwrite(File.join(png_dir, "#{name}.png"), Tessel::PNG.encode(chart.to_image))
   end
 end