Skip to content
This repository was archived by the owner on Jun 17, 2024. It is now read-only.

Commit

Permalink
change all Screenshot component to Figure component (#1636)
Browse files Browse the repository at this point in the history
  • Loading branch information
@zriyansh
zriyansh authored Mar 23, 2024
1 parent 61001cb commit cb25648
Show file tree
Hide file tree
Showing 50 changed files with 1,798 additions and 1,323 deletions.
34 changes: 19 additions & 15 deletions blog/2020-01-15-why-are-we-building-signoz.md
View file
Original file line number Diff line number Diff line change
Expand Up @@ -29,13 +29,15 @@ You wait hoping that it would show a success message. But no, it just stares bac

import Screenshot from "@theme/Screenshot"

<Screenshot
<figure data-zoomable align='center'>
<img className="box-shadowed-image"
alt="Blank page returned after making payment"
height={500}

src="/img/blog/2020/01/BlankPage.webp"
title="Blank page returned after making payment"
width={700}
/>
/>
<figcaption><i>Blank page returned after making payment</i></figcaption>
</figure>
<br/>

You get worried, thinking - "What happened to my money? Will my order be delivered? Or not?"

Expand Down Expand Up @@ -81,13 +83,15 @@ It means that

Of course, there are other players in this space, but we believe that there is a paradigm shift happening in how people run their software on the cloud. Cloud-native technologies like Kubernetes and Serverless are getting rapid adoption and they bring with them their own set of challenges and unique opportunities.

<Screenshot
<figure data-zoomable align='center'>
<img className="box-shadowed-image"
alt="KubeCon conference attendance"
height={500}

src="/img/blog/2020/01/KubeConCNCAttendance2019.webp"
title="KubeCon (leading k8s conference) attendance went from 500 to 23000 in 5 yrs"
width={700}
/>
/>
<figcaption><i>KubeCon (leading k8s conference) attendance went from 500 to 23000 in 5 yrs</i></figcaption>
</figure>
<br/>

In this new world, monitoring can't be an afterthought but built into when you start building your systems. Any how-to guide on Kubernetes today also includes instruction on how to set up monitoring.

Expand All @@ -97,12 +101,12 @@ In this new world, monitoring can't be an afterthought but built into when you s

We believe the AI/Robot age is already here. It's just that the robots are not roaming in the streets, as the movie Terminator showed it to be, but are settled in cloud provider data centers.

<Screenshot
<figure data-zoomable align='center'>
<img className="box-shadowed-image"
alt="Robots"
height={500}
src="/img/blog/2020/01/BlogTerminator.webp"
width={700}
/>
src="/img/blog/2020/01/BlogTerminator.webp"/>
</figure>
<br/>

The robots are already here. They are just sitting in cloud datacentres.
After all, if you think carefully - isn't a lot of our lives governed by the notifications we get on mobile or desktop. Be it slack pings, new offer on e-commerce, email, twitter replies or WhatsApp notifications. Our brain has got attuned to responding to these triggers like a Pavlovian dog. In a way, the robots are already here and controlling us, but by sitting in their comfortable datacentres.
Expand Down
12 changes: 7 additions & 5 deletions blog/2020-05-01-distributed-tracing-jaeger-cassandra.md
View file
Original file line number Diff line number Diff line change
Expand Up @@ -145,13 +145,15 @@ You can also filter based on **Operation** of that service and if you wish to se
import Screenshot from "@theme/Screenshot"

<div class="text--center">
<Screenshot
<figure data-zoomable align='center'>
<img className="box-shadowed-image"
alt=""
height={700}

src="/img/blog/2020/04/Screenshot-2020-04-30-at-7.52.26-PM.webp"
title="Options to filter traces in Jaeger-UI"
width={450}
/>
/>
<figcaption><i>Options to filter traces in Jaeger-UI</i></figcaption>
</figure>
<br/>
</div>

Since we now know that instrumentation plays a big role in being able to filter and analyse traces based on tags. Most of the OpenCensus libraries provide auto-instrumentation libraries for different languages.
Expand Down
37 changes: 20 additions & 17 deletions blog/2021-02-02-signoz-benchmarks.md
View file
Original file line number Diff line number Diff line change
Expand Up @@ -43,27 +43,28 @@ We will take **90 RPS **workload as an example to compare cost of running DataDo

import Screenshot from "@theme/Screenshot"

<Screenshot
<figure data-zoomable align='center'>
<img className="box-shadowed-image"
alt="DataDog APM cost"
height={500}

src="/img/blog/2021/02/datadog-cost-90rps.webp"
title="DataDog costs for 90 RPS at 50 spans/ request
5832 mn spans with each span around 0.3 KB = 1.75 TB  @ 0.08 USD/GB-month = 140 USD/month"
width={700}
/>
/>
<figcaption><i>DataDog costs for 90 RPS at 50 spans/ request 5832 mn spans with each span around 0.3 KB = 1.75 TB  @ 0.08 USD/GB-month = 140 USD/month</i></figcaption>
</figure>
<br/>

### Cost of running SigNoz

For running this on SigNoz, we tested it on a EKS cluster of 3 nodes with 8GB RAM (t3.large). Monthly cost for t3.large (8 GB RAM, 2 CPU) is ~42 USD/ month ( with 30% annual reserved instance discount)

<Screenshot
<figure data-zoomable align='center'>
<img className="box-shadowed-image"
alt="SigNoz cost"
height={500}
src="/img/blog/2021/02/signoz-cost-90rps-1.webp"
title="SigNoz cost for 90 RPS at 50 spans/request
Disc cost for 15 day retention at 0.08 USD/GB-month"
width={700}
/>
/>
<figcaption><i>SigNoz cost for 90 RPS at 50 spans/request Disc cost for 15 day retention at 0.08 USD/GB-month</i></figcaption>
</figure>
<br/>

Total SigNoz cost ~** 338 USD per month**

Expand All @@ -79,12 +80,14 @@ Improvement over DataDog = 19982/676 = 29x improvement over DataDog's cost. Even

And finally, this  is how it looks on your SigNoz dashboard 🤓

<Screenshot
<figure data-zoomable align='center'>
<img className="box-shadowed-image"
alt="SigNoz UI"
height={500}

src="/img/blog/common/signoz_charts_application_metrics.webp"
title="SigNoz UI showing application metrics like latency, error rates and request rates"
width={700}
/>
/>
<figcaption><i>SigNoz UI showing application metrics like latency, error rates and request rates</i></figcaption>
</figure>
<br/>

### If this sounds interesting, check out our [GitHub](https://github.com/SigNoz/signoz) repo and get started with SigNoz.
12 changes: 7 additions & 5 deletions blog/2021-04-16-self-hosting-software-observability.md
View file
Original file line number Diff line number Diff line change
Expand Up @@ -61,13 +61,15 @@ Are all your SaaS vendors equally well secure?
import Screenshot from "@theme/Screenshot"

<Screenshot
<figure data-zoomable align='center'>
<img className="box-shadowed-image"
alt="DataDog APM cost"
height={500}

src="/img/blog/2021/04/Screenshot-2021-04-16-at-7.01.00-PM.webp"
title="AWS data transfer pricing"
width={700}
/>
/>
<figcaption><i>AWS data transfer pricing</i></figcaption>
</figure>
<br/>

Grant Miller, CEO of Replicated recently wrote an interesting [blog](https://techcrunch.com/2018/06/17/after-twenty-years-of-salesforce-what-marc-benioff-got-right-and-wrong-about-the-cloud/) on why modern on-prem delivery model is a much better software delivery model than SaaS.

Expand Down
24 changes: 14 additions & 10 deletions blog/2021-05-24-nodejs-opensource-application-monitoring.md
View file
Original file line number Diff line number Diff line change
Expand Up @@ -57,13 +57,15 @@ The application list shown in the dashboard is from a sample app called HOT R.O.

import Screenshot from "@theme/Screenshot"

<Screenshot
<figure data-zoomable align='center'>
<img className="box-shadowed-image"
alt="SigNoz dashboard"
height={500}

src="/img/blog/common/signoz_dashboard_homepage.webp"
title="SigNoz dashboard"
width={700}
/>
/>
<figcaption><i>SigNoz dashboard</i></figcaption>
</figure>
<br/>

Now comes the part where you can instrument your own sample app and get the metrics reported through SigNoz.

Expand Down Expand Up @@ -217,13 +219,15 @@ Steps to get the app set up and running:
And, congratulations! You have instrumented your sample Node.js app. You can now access the SigNoz dashboard at [http://localhost:3301](http://localhost:3301) to monitor your app for performance metrics.


<Screenshot
<figure data-zoomable align='center'>
<img className="box-shadowed-image"
alt="Sample nodejs app in the applications monitored"
height={500}

src="/img/blog/2022/01/node_sample_app.webp"
title="Sample_app in the list of applications monitored"
width={700}
/>
/>
<figcaption><i>Sample_app in the list of applications monitored</i></figcaption>
</figure>
<br/>

## Identifying events causing high latency in your app

Expand Down
60 changes: 35 additions & 25 deletions blog/2021-07-10-getting-to-know-our-4000-plus-stargazers-on-github.md
View file
Original file line number Diff line number Diff line change
Expand Up @@ -41,13 +41,15 @@ The massive bump in our GitHub stargazers came from trending across all programm

import Screenshot from "@theme/Screenshot"

<Screenshot
<figure data-zoomable align='center'>
<img className="box-shadowed-image"
alt="Trending on GitHub"
height={500}

src="/img/blog/2021/07/stargazers_rise-1.webp"
title="We were trending on GitHub at #1 across all programming languages."
width={700}
/>
/>
<figcaption><i>We were trending on GitHub at #1 across all programming languages.</i></figcaption>
</figure>
<br/>

## Where are our stargazers from?

Expand All @@ -57,27 +59,31 @@ Given the universal nature of the problem we are solving, our tool should be hel

Here's a distribution of our stargazers from the top 25 countries.

<Screenshot
<figure data-zoomable align='center'>
<img className="box-shadowed-image"
alt="Chart showing countries where SigNoz stargazers are from"
height={500}

src="/img/blog/2021/07/countries-1.webp"
title="SigNoz's stargazers belong to nations worldwide with the largest number from United States"
width={700}
/>
/>
<figcaption><i>SigNoz's stargazers belong to nations worldwide with the largest number from United States</i></figcaption>
</figure>
<br/>

This puts an extra responsibility on us to build a truly global product. We are also working on making our community more diverse. So wherever you are reading this from, come and get involved with our GitHub repo. 😊

## What else does our stargazers like?

One of the coolest things about Spencer's code was that we could see what other GitHub repositories seemed interesting to our stargazers. Of course, we understand that starring a repo is relatively easy, and GitHub users can star many repos. Still, this data gives us a general sense of what's interesting to our stargazers.

<Screenshot
<figure data-zoomable align='center'>
<img className="box-shadowed-image"
alt="Correlated repos to SigNoz"
height={700}

src="/img/blog/2021/07/correlated-repos-1.webp"
title="Correlated repos to SigNoz"
width={500}
/>
/>
<figcaption><i>Correlated repos to SigNoz</i></figcaption>
</figure>
<br/>

In the list, we can find some interesting developer tools. NocoDB is an open-source alternative to a popular SaaS product called Airtable. We have other developer tools on the list like Supabase, Authelia, and Dolt. This makes sense as SigNoz is also a developer tool. We are an open-source alternative to APM tools like DataDog, New relic, etc. Our stargazers also seem to be interested in open-source alternatives of popular closed SaaS products.

Expand All @@ -89,13 +95,15 @@ This shows that the developers who are starring our repo are active developers a

Here are the commit stats of our top 20 stargazers.

<Screenshot
<figure data-zoomable align='center'>
<img className="box-shadowed-image"
alt="Commit stats for our top 20 stargazers"
height={700}

src="/img/blog/2021/07/commit-stats-1.webp"
title="Commit stats for our top 20 stargazers"
width={500}
/>
/>
<figcaption><i>Commit stats for our top 20 stargazers</i></figcaption>
</figure>
<br/>

## Are our stargazers connected among each other?

Expand All @@ -105,13 +113,15 @@ On other social platforms like Facebook and Instagram, it's normal to expect a h

And as we have been starred from 110 different countries, we can be certain that this is a platform-wide phenomenon not specific to a particular location.

<Screenshot
<figure data-zoomable align='center'>
<img className="box-shadowed-image"
alt="Distribution of shared followers of SigNoz's Stargazers"
height={500}

src="/img/blog/2021/07/shared-followers---2.webp"
title="Histogram of % shared followers for stargazers of SigNoz"
width={700}
/>
/>
<figcaption><i>Histogram of % shared followers for stargazers of SigNoz</i></figcaption>
</figure>
<br/>

## What's next?

Expand Down
Loading

0 comments on commit cb25648

Please sign in to comment.