← Gallery

Dotted Map

Service routes across Europe

Explore the example, download the output or use the C# source in your own project.

Preview
Service routes across EuropeChart dotted world map for Locations with 3 highlighted points.Service routes across EuropeThe same data in a compact viewMadrid to WarsawWarsaw to OsloMadrid 18Warsaw 74Oslo 42
Service routes across Europe
Service routes across EuropeChart dotted world map for Locations with 3 highlighted points.Service routes across EuropeThe same data in a compact viewMadrid to WarsawWarsaw to OsloMadrid 18Warsaw 74Oslo 42
Service routes across Europe
360 × 360 pixels

Create this example

Create a console project, add the ChartForgeX package, and replace Program.cs with this source. Run it to write SVG, PNG and HTML with the default system fonts.

For the same typography as the gallery, download the gallery-font recipe and copy the gallery’s fonts directory beside your program.

using System;
using System.Collections.Generic;
using System.Globalization;
using System.IO;
using System.Linq;
using ChartForgeX.Core;
using ChartForgeX.Primitives;
using ChartForgeX.Rendering;
using ChartForgeX.Themes;
using ChartForgeX.Topology;
using ChartForgeX.Typography;
using ChartForgeX.VisualArtifacts;
using ChartForgeX.VisualBlocks;

var mode = VisualThemeMode.Light;
var theme = VisualTheme.Graphite();
var model = DottedMapRecipe.Create("compact", mode);
var context = new VisualRenderContext(
    new VisualLayoutOptions(new VisualSize(360, 360)), theme, mode,
    new VisualFrame("Service routes across Europe", "The same data in a compact view", showLegend: null, showSurface: false));
var prepared = model.Prepare(context);
File.WriteAllText("visual.svg", prepared.ToSvg());
File.WriteAllBytes("visual.png", prepared.ToPng());
File.WriteAllText("visual.html", prepared.ToArtifact("example", VisualArtifactKind.Chart).ToHtmlPage());

/// <summary>Creates a dotted map with service locations and routes across Europe.</summary>
public static class DottedMapRecipe {
    /// <summary>Creates the source model for a gallery variant without choosing an export backend.</summary>
    public static Chart Create(string variant = "wide", VisualThemeMode mode = VisualThemeMode.Light) {
        if (variant is not ("wide" or "compact" or "sparse" or "options" or "compact-options"))
            throw new ArgumentOutOfRangeException(nameof(variant));

        var chart = Chart.Create().WithDataLabels().WithMapViewport(ChartMapViewport.Europe())
            .AddDottedMap("Locations", new[] {
                new ChartMapPoint("Madrid", -3.7, 40.4, 18),
                new ChartMapPoint("Warsaw", 21, 52.2, 74),
                new ChartMapPoint("Oslo", 10.8, 59.9, 42)
            })
            .AddMapRouteBetweenPoints("Madrid to Warsaw", "Madrid", "Warsaw")
            .AddMapRoute("Warsaw to Oslo", new[] {
                new ChartMapPoint("Warsaw", 21, 52.2),
                new ChartMapPoint("Baltic", 17, 56),
                new ChartMapPoint("Oslo", 10.8, 59.9)
            })
            .WithValueFormat(ChartValueFormat.Number("0.##", System.Globalization.CultureInfo.InvariantCulture));
        if (variant is "options" or "compact-options") chart.WithPointLegend();
        return chart;
    }
}
using System;
using System.Collections.Generic;
using System.Globalization;
using System.IO;
using System.Linq;
using ChartForgeX.Core;
using ChartForgeX.Primitives;
using ChartForgeX.Rendering;
using ChartForgeX.Themes;
using ChartForgeX.Topology;
using ChartForgeX.Typography;
using ChartForgeX.VisualArtifacts;
using ChartForgeX.VisualBlocks;

var mode = VisualThemeMode.Dark;
var theme = VisualTheme.Graphite();
var model = DottedMapRecipe.Create("compact", mode);
var context = new VisualRenderContext(
    new VisualLayoutOptions(new VisualSize(360, 360)), theme, mode,
    new VisualFrame("Service routes across Europe", "The same data in a compact view", showLegend: null, showSurface: false));
var prepared = model.Prepare(context);
File.WriteAllText("visual.svg", prepared.ToSvg());
File.WriteAllBytes("visual.png", prepared.ToPng());
File.WriteAllText("visual.html", prepared.ToArtifact("example", VisualArtifactKind.Chart).ToHtmlPage());

/// <summary>Creates a dotted map with service locations and routes across Europe.</summary>
public static class DottedMapRecipe {
    /// <summary>Creates the source model for a gallery variant without choosing an export backend.</summary>
    public static Chart Create(string variant = "wide", VisualThemeMode mode = VisualThemeMode.Light) {
        if (variant is not ("wide" or "compact" or "sparse" or "options" or "compact-options"))
            throw new ArgumentOutOfRangeException(nameof(variant));

        var chart = Chart.Create().WithDataLabels().WithMapViewport(ChartMapViewport.Europe())
            .AddDottedMap("Locations", new[] {
                new ChartMapPoint("Madrid", -3.7, 40.4, 18),
                new ChartMapPoint("Warsaw", 21, 52.2, 74),
                new ChartMapPoint("Oslo", 10.8, 59.9, 42)
            })
            .AddMapRouteBetweenPoints("Madrid to Warsaw", "Madrid", "Warsaw")
            .AddMapRoute("Warsaw to Oslo", new[] {
                new ChartMapPoint("Warsaw", 21, 52.2),
                new ChartMapPoint("Baltic", 17, 56),
                new ChartMapPoint("Oslo", 10.8, 59.9)
            })
            .WithValueFormat(ChartValueFormat.Number("0.##", System.Globalization.CultureInfo.InvariantCulture));
        if (variant is "options" or "compact-options") chart.WithPointLegend();
        return chart;
    }
}