# I need recomendation about area graph

**URL:** <https://forum.graphviz.org/t/i-need-recomendation-about-area-graph/1394>\
**Category:** Uncategorized\
**Created:** [November 28, 2022, 2:57pm UTC](https://forum.graphviz.org/t/i-need-recomendation-about-area-graph/1394 "2022-11-28T14:57:39Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![ashley786](https://avatars.discourse-cdn.com/v4/letter/a/d78d45/32.png) [@ashley786](https://forum.graphviz.org/u/ashley786)\
**Post date:** [November 28, 2022, 2:57pm UTC](https://forum.graphviz.org/t/i-need-recomendation-about-area-graph/1394/1 "2022-11-28T14:57:39Z")

</div>

i want to make area graph for my site please anyone guide me about what should I do for make area graph from graphviz  
site: [https://pickleballobby.com/](https://pickleballobby.com/)

---

<div class="post-metadata">

**Author:** ![steveroush](https://avatars.discourse-cdn.com/v4/letter/s/a9adbd/32.png) [@steveroush](https://forum.graphviz.org/u/steveroush)\
**Post date:** [November 28, 2022, 4:33pm UTC](https://forum.graphviz.org/t/i-need-recomendation-about-area-graph/1394/2 "2022-11-28T16:33:42Z")

</div>

My guess is that “area graph” is what I call a “site map” for a Web site.  
(Use your favorite search engine to search for “site map” or “site map generator”).  
While Graphviz could definitely produce a clickable map, you first need to crawl the website to identify all the pages and links and understand the network of pages.  
I suggest you start with a site map generator.

---

<div class="post-metadata">

**Author:** ![hamblingreg52](https://sea2.discourse-cdn.com/graphviz/user_avatar/forum.graphviz.org/hamblingreg52/32/332_2.png) [@hamblingreg52](https://forum.graphviz.org/u/hamblingreg52)\
**Post date:** [January 9, 2023, 3:54am UTC](https://forum.graphviz.org/t/i-need-recomendation-about-area-graph/1394/3 "2023-01-09T03:54:58Z")

</div>

> [@ashley786](#):
>
> i want to make area graph for my site please anyone guide me about what should I do for make area graph from graphviz  
> site: [https://pickleballobby.com/](https://pickleballobby.com/)

create a text file with the dot language syntax that specifies the layout and content of your graph. Here is an example of how you can create a simple area graph using the dot language:

```auto
digraph {
  rankdir=LR;
  node [shape=rectangle];
  A [label="Area 1"]
  B [label="Area 2"]
  C [label="Area 3"]
  D [label="Area 4"]
  A -> B -> C -> D
  {rank=same; A B C D}
}

```

To generate the graph, you can use the following command:

```auto
dot -Tpng -o graph.png graph.dot

```

This will create a PNG image of your graph called “graph.png”. You can then include this image on your website using an `<img>` element.