Gallery

Gallery > Venn Charts

JS Venn Chart Marketing

Demonstrates the venn chart illustrating digital marketing scopes.

Download Show C# Code Show VB Code

<%@ Page Language="C#" Description="dotnetCHARTING Component" %>

<%@ Register TagPrefix="dotnet" Namespace="dotnetCHARTING" Assembly="dotnetCHARTING" %>
<%@ Import Namespace="System.Drawing" %>

<script runat="server">
void Page_Load(Object sender, EventArgs e)
{
// Demonstrates the venn chart illustrating digital marketing scopes.
Chart.Type = ChartType.Venn;
Chart.Size = "700x700";
Chart.TitleBox.Label.Text = "Digital Marketing";
Chart.TitleBox.Label.Font = new Font("Tahoma", 16, FontStyle.Regular);
Chart.TitleBox.Position = TitleBoxPosition.Center;
Chart.TempDirectory = "temp";
Chart.Debug = false;
Chart.DefaultElement.ShowValue = true;
Chart.DefaultElement.SmartLabel.Text = "%name";
Chart.DefaultElement.ToolTip = "";
//Chart.Palette = new Color[] { };
Chart.JS.Enabled = true;

//Add a series
Series ser1 = new Series();
ser1.Elements.Add(new Element("Website", 16));
ser1.Elements.Add(new Element("PPC", 8));
ser1.Elements.Add(new Element("SEO", 8));
ser1.Elements.Add(new Element("Social", 8));
ser1.Elements.Add(new Element("Email", 8));
Element el = new Element("Landing pages", 2);
SubValue sv = new SubValue();
sv.Name = "Website";
el.SubValues.Add(sv);
sv = new SubValue();
sv.Name = "PPC";
el.SubValues.Add(sv);
ser1.Elements.Add(el);

el = new Element("CRO", 2);
sv = new SubValue();
sv.Name = "Website";
el.SubValues.Add(sv);
sv = new SubValue();
sv.Name = "PPC";
el.SubValues.Add(sv);
sv = new SubValue();
sv.Name = "SEO";
el.SubValues.Add(sv);
ser1.Elements.Add(el);

el = new Element("Keyword research", 2);
sv = new SubValue();
sv.Name = "PPC";
el.SubValues.Add(sv);
sv = new SubValue();
sv.Name = "SEO";
el.SubValues.Add(sv);
ser1.Elements.Add(el);

el = new Element("Clean code content", 2);
sv = new SubValue();
sv.Name = "Website";
el.SubValues.Add(sv);
sv = new SubValue();
sv.Name = "SEO";
el.SubValues.Add(sv);
ser1.Elements.Add(el);

el = new Element("Sharable content", 2);
sv = new SubValue();
sv.Name = "Website";
el.SubValues.Add(sv);
sv = new SubValue();
sv.Name = "SEO";
el.SubValues.Add(sv);
sv = new SubValue();
sv.Name = "Social";
el.SubValues.Add(sv);
ser1.Elements.Add(el);

el = new Element("Authorship influencers", 2);
sv = new SubValue();
sv.Name = "SEO";
el.SubValues.Add(sv);
sv = new SubValue();
sv.Name = "Social";
el.SubValues.Add(sv);
ser1.Elements.Add(el);

el = new Element("Social links", 2);
//el.SmartLabel.Rotate = -45;
//el.SmartLabel.Offset = new Point(15,10);
sv = new SubValue();
sv.Name = "Website";
el.SubValues.Add(sv);
sv = new SubValue();
sv.Name = "Social";
el.SubValues.Add(sv);
ser1.Elements.Add(el);

el = new Element("News and updates", 2);
sv = new SubValue();
sv.Name = "Website";
el.SubValues.Add(sv);
sv = new SubValue();
sv.Name = "Social";
el.SubValues.Add(sv);
sv = new SubValue();
sv.Name = "Email";
el.SubValues.Add(sv);
ser1.Elements.Add(el);

el = new Element("Customer service", 2);
sv = new SubValue();
sv.Name = "Social";
el.SubValues.Add(sv);
sv = new SubValue();
sv.Name = "Email";
el.SubValues.Add(sv);
ser1.Elements.Add(el);

el = new Element("Upselling", 2);
sv = new SubValue();
sv.Name = "Website";
el.SubValues.Add(sv);
sv = new SubValue();
sv.Name = "Email";
el.SubValues.Add(sv);
ser1.Elements.Add(el);

Chart.SeriesCollection.Add(ser1);

}
</script>
<html xmlns="http://www.w3.org/1999/xhtml">
<head><title>Venn sample</title></head>
<body>
<div align="center">
<dotnet:Chart ID="Chart" runat="server" />
</div>
</body>
</html>

<%@ Page Language="vb" Description="dotnetCHARTING Component" %>

<%@ Register TagPrefix="dotnet" Namespace="dotnetCHARTING" Assembly="dotnetCHARTING" %>
<%@ Import Namespace="System.Drawing" %>

<script runat="server">
Sub Page_Load(ByVal sender As Object, ByVal e As EventArgs)
' Demonstrates the venn chart illustrating digital marketing scopes.
Chart.Type = ChartType.Venn
Chart.Size = "700x700"
Chart.TitleBox.Label.Text = "Digital Marketing"
Chart.TitleBox.Label.Font = New Font("Tahoma", 16, FontStyle.Regular)
Chart.TitleBox.Position = TitleBoxPosition.Center
Chart.TempDirectory = "temp"
Chart.Debug = False
Chart.DefaultElement.ShowValue = True
Chart.DefaultElement.SmartLabel.Text = "%name"
Chart.DefaultElement.ToolTip = ""
'Chart.Palette = new Color[] { };
Chart.JS.Enabled = True

'Add a series
Dim ser1 As Series = New Series()
ser1.Elements.Add(New Element("Website", 16))
ser1.Elements.Add(New Element("PPC", 8))
ser1.Elements.Add(New Element("SEO", 8))
ser1.Elements.Add(New Element("Social", 8))
ser1.Elements.Add(New Element("Email", 8))
Dim el As Element = New Element("Landing pages", 2)
Dim sv As SubValue = New SubValue()
sv.Name = "Website"
el.SubValues.Add(sv)
sv = New SubValue()
sv.Name = "PPC"
el.SubValues.Add(sv)
ser1.Elements.Add(el)

el = New Element("CRO", 2)
sv = New SubValue()
sv.Name = "Website"
el.SubValues.Add(sv)
sv = New SubValue()
sv.Name = "PPC"
el.SubValues.Add(sv)
sv = New SubValue()
sv.Name = "SEO"
el.SubValues.Add(sv)
ser1.Elements.Add(el)

el = New Element("Keyword research", 2)
sv = New SubValue()
sv.Name = "PPC"
el.SubValues.Add(sv)
sv = New SubValue()
sv.Name = "SEO"
el.SubValues.Add(sv)
ser1.Elements.Add(el)

el = New Element("Clean code content", 2)
sv = New SubValue()
sv.Name = "Website"
el.SubValues.Add(sv)
sv = New SubValue()
sv.Name = "SEO"
el.SubValues.Add(sv)
ser1.Elements.Add(el)

el = New Element("Sharable content", 2)
sv = New SubValue()
sv.Name = "Website"
el.SubValues.Add(sv)
sv = New SubValue()
sv.Name = "SEO"
el.SubValues.Add(sv)
sv = New SubValue()
sv.Name = "Social"
el.SubValues.Add(sv)
ser1.Elements.Add(el)

el = New Element("Authorship influencers", 2)
sv = New SubValue()
sv.Name = "SEO"
el.SubValues.Add(sv)
sv = New SubValue()
sv.Name = "Social"
el.SubValues.Add(sv)
ser1.Elements.Add(el)

el = New Element("Social links", 2)
'el.SmartLabel.Rotate = -45;
'el.SmartLabel.Offset = new Point(15,10);
sv = New SubValue()
sv.Name = "Website"
el.SubValues.Add(sv)
sv = New SubValue()
sv.Name = "Social"
el.SubValues.Add(sv)
ser1.Elements.Add(el)

el = New Element("News and updates", 2)
sv = New SubValue()
sv.Name = "Website"
el.SubValues.Add(sv)
sv = New SubValue()
sv.Name = "Social"
el.SubValues.Add(sv)
sv = New SubValue()
sv.Name = "Email"
el.SubValues.Add(sv)
ser1.Elements.Add(el)

el = New Element("Customer service", 2)
sv = New SubValue()
sv.Name = "Social"
el.SubValues.Add(sv)
sv = New SubValue()
sv.Name = "Email"
el.SubValues.Add(sv)
ser1.Elements.Add(el)

el = New Element("Upselling", 2)
sv = New SubValue()
sv.Name = "Website"
el.SubValues.Add(sv)
sv = New SubValue()
sv.Name = "Email"
el.SubValues.Add(sv)
ser1.Elements.Add(el)

Chart.SeriesCollection.Add(ser1)

End Sub
</script>
<html xmlns="http://www.w3.org/1999/xhtml">
<head><title>Venn sample</title></head>
<body>
<div align="center">
<dotnet:Chart ID="Chart" runat="server" />
</div>
</body>
</html>

Sample FilenameJsVennChartMarketing.aspx
Version10.1
Uses DatabaseNo

JS Charting

Gallery

JS Venn Chart Marketing