Top 10 Best-Selling Games Of 2022 In The US

<p>The NPD Group has <a href="https://www.npd.com/news/entertainment-top-10/2023/top-10-video-games/">announced</a> the top 10 best-selling games of December 2022 and the full year, and Call of Duty: Modern Warfare II was No. 1 for both periods.</p><p>For the full-year charts, Call of Duty: Modern Warfare II was No. 1, followed by Elden Ring, Madden NFL 23, God of War Ragnarok, and Lego Star Wars: The Skywalker Saga. NPD's Mat Piscatella predicted <a href="https://www.gamespot.com/articles/elden-ring-predicted-to-outsell-call-of-duty-modern-warfare-2-as-2022s-best-selling-game-in-the-us/1100-6505145/">Elden Ring would outsell Modern Warfare II</a> to rank No. 1 for 2022, but this didn't happen.</p><p>The list combines physical and digital sales, except in some cases. For example, Nintendo doesn't share digital sales with the NPD, and digital sales for the Xbox and Switch versions of MLB The Show 22 are not included. Despite that, Nintendo's Pokemon Scarlet/Violet ranked No. 6 for the year and Pokemon Legends: Arceus finished as the eighth best-selling game of 2022 in the US. Sony's MLB The Show 22, meanwhile finished 10th for the year despite no Xbox or Switch digital sales included.</p><a href="https://www.gamespot.com/articles/top-10-best-selling-games-of-2022-in-the-us/1100-6510556/?ftag=CAD-01-10abi2f/">Continue Reading at GameSpot</a>

https://www.gamespot.com/articles/top-10...01-10abi2f

One Piece Odyssey



Join this brand-new RPG featuring new character and monster designs produced by Eiichiro Oda, the author of ONE PIECE. The game is also complemented by the beautiful music of Motoi Sakuraba, a composer well known for his various contributions to video games such as the Dark Souls and Tales of series.

During their voyage, the Straw Hats, led by Monkey D. Luffy are swallowed by a huge storm at sea. They end up on a mysterious island full of nature amidst the storm and become separated from each other. The crew sets out on a new adventurous journey filled with wonders of a raging nature, powerful enemies, and strange encounters with island locals.

Work together with Luffy and his crew to set sail once again!<p>Publisher: Bandai Namco Games<p>Release Date: Jan 12, 2023




https://www.metacritic.com/game/pc/one-piece-odyssey

The Pirates of DevOps: Delivering Software

Do you have issues with long deploy cycles? Your updates require some form of downtime. Are you losing money by keeping code already developed collecting dust in repositories instead of providing value and functionality for your users? Delivering the best software fast is what separates software com...


https://blogs.oracle.com/java/post/the-p...g-software

Hentai Avenger Bundle & Twin Sails Interactive Sale

<div class="bb_h1">Hentai Avenger Bundle | 8 Adult Games | 93% OFF</div><a class="bb_link" href="https://steamcommunity.com/linkfilter/?url=https://www.indiegala.com/bundle/hentai-avenger-bundle" target="_blank" rel=" noopener" ><img src="https://cdn.cloudflare.steamstatic.com/steamcommunity/public/images/clans/3402923/a2ae6f9292d8c3499dae99cfcc8cf9e32c1caedc.jpg" /></a><span class="bb_link_host">[www.indiegala.com]</span><br>?Vengeance may come in many shapes and forms, but in eroge form, not as often. Start this new year with a sensual &amp; titillating erotic anime / hentai DRM-FREE game selection.<br><br><div class="bb_h1">Twin Sails Interactive Sale, up to 80% OFF </div><a class="bb_link" href="https://steamcommunity.com/linkfilter/?url=https://www.indiegala.com/store/publisher-sale/twin-sails-interactive" target="_blank" rel=" noopener" ><img src="https://cdn.cloudflare.steamstatic.com/steamcommunity/public/images/clans/3402923/8d0ceb351c3736ac084c857f1375272057ecc1d9.jpg" /></a><span class="bb_link_host">[www.indiegala.com]</span><br><br><div class="bb_h1"><a class="bb_link" href="https://store.steampowered.com/news/app/1874190/view/3678910999952963853" target="_blank" rel="" >New Vorax DevLog &amp; Video</a></div><a class="bb_link" href="https://store.steampowered.com/news/app/1874190/view/3678910999952963853" target="_blank" rel="" ><img src="https://cdn.cloudflare.steamstatic.com/steamcommunity/public/images/clans/3402923/65066006f8340c66fb085c2a1ca7bc63b4e93169.png" /></a><br><br><div class="bb_h1"><a class="bb_link" href="https://steamcommunity.com/linkfilter/?url=https://www.indiegala.com/store/game/wo-long-fallen-dynasty/1448440" target="_blank" rel=" noopener" >Pre-Purchase Wo Long: Fallen Dynasty</a><span class="bb_link_host">[www.indiegala.com]</span></div><a class="bb_link" href="https://www.youtube.com/watch?v=_O1DrfIxY1I" target="_blank" rel="" >https://www.youtube.com/watch?v=_O1DrfIxY1I</a><br>


https://steamcommunity.com/groups/indieg...2039677990

3 Free Games Are Available At The Epic Games Store

<p>The Epic Games Store continues to give away free games each week, more than three years after the digital storefront launched its awesome weekly freebies program. Every Thursday at the same time 8 AM PT / 11 AM ET--Epic gives up between one and three free games. You merely need to <a href="https://www.epicgames.com/id/register">create a free Epic account</a> and enable two-factor authentication to start snagging freebies. At this point, Epic has given away well over 100 free games, and there's no sign that the program will stop any time soon. We keep this article up to date weekly to highlight both the current free games and next week's offerings.</p><h2>Current free game at Epic</h2><figure data-align="center" data-size="large" data-img-src="https://www.gamespot.com/a/uploads/original/1595/15950357/4085854-gamedec.jpg" data-ref-id="1300-4085854" data-ratio="0.5625" data-width="1920" data-embed-type="image" style="width: 1920px"><a href="https://www.gamespot.com/a/uploads/original/1595/15950357/4085854-gamedec.jpg"><img alt="Gamedec - Definitive Edition" src="https://www.gamespot.com/a/uploads/scale_super/1595/15950357/4085854-gamedec.jpg" srcset="https://www.gamespot.com/a/uploads/original/1595/15950357/4085854-gamedec.jpg 1920w, https://www.gamespot.com/a/uploads/scale...amedec.jpg 1280w, https://www.gamespot.com/a/uploads/scale...amedec.jpg 480w" sizes="(max-width: 1280px) 100vw, 1280px" data-width="1280"></a><figcaption>Gamedec - Definitive Edition</figcaption></figure><p> </p><p>From now until <strong>January 19 at 8 AM PT / 11 AM ET</strong>, you can claim Divine Knockout, First Class Trouble, and Gamedec - Definitive Edition. Divine Knockout is online multiplayer platforming game that released in December. Meanwhile, First Class Trouble is a social deduction game that tasks players with uncovering which combatant is actually a killer robot. Gamedec is a an isometric RPG set in a cyberpunk world. Unlike the other two freebies, Gamedec is a solo experience with a rich and lengthy campaign.</p><a href="https://www.gamespot.com/articles/3-free-games-are-available-at-the-epic-games-store/1100-6476419/?ftag=CAD-01-10abi2f/">Continue Reading at GameSpot</a>

https://www.gamespot.com/articles/3-free...01-10abi2f

Lone Ruin



LONE RUIN is a spell-based roguelike twin-stick shooter with a focus on replayability. Play as an explorer who seeks a mysterious ancient power and venture in a ruined magical city, built atop a source of magic used by olden mages to power and transform themselves.
 
Dive deeper and deeper, battling your way through twisted creatures, utilising your very own magic abilities to ultimately reach the center of the Lone Ruin.<p>Publisher: Super Rare Games<p>Release Date: Jan 12, 2023




https://www.metacritic.com/game/pc/lone-ruin

Youth gamers might have been generated with unrealistically proportioned arms.Youth participant names and numbers did now no longer seem on their kits at some stage in fits. In participant profession, the Pro’s OVR and positions may be by accident modified after modifying them.When approaching as a sub in participant profession, the crew’s procedures, play fashion, and trouble degree should get reset.Youth Players born after 2005 had been displaying a 1980 delivery date while being edited.Youth Player development should every now and then turn out to be by accident caught.In a few instances, renewed contracts should observe to gamers with 1 12 months much less than what turned into agreed upon in negotiations.Editing a participant’s boots should every now and then bring about them sporting gloves.Post Title Update #four – Career Mode Thoughts - buy FIFA 23 Coins.

FIFA 23 Guide: Best 4231 Custom Tactics Post Patch - New Formation and Tactics

https://www.mmoexp.com/News/fifa-23-guid...ctics.html

Reactive Java on the Blockchain with web3j

In this article we’re going to have some fun with the Ethereum blockchain, RxJava and web3j. Background During the past year, the technology and financial press has been full of talk about blockchain and it’s disruptive potential. A blockchain is an decentralised, immutable data store. As it is immu...


https://blogs.oracle.com/java/post/react...with-web3j

Image to PDF Converter and PDF Merger | Python

<div>
<div class="kk-star-ratings kksr-auto kksr-align-left kksr-valign-top" data-payload='{&quot;align&quot;:&quot;left&quot;,&quot;id&quot;:&quot;1051108&quot;,&quot;slug&quot;:&quot;default&quot;,&quot;valign&quot;:&quot;top&quot;,&quot;ignore&quot;:&quot;&quot;,&quot;reference&quot;:&quot;auto&quot;,&quot;class&quot;:&quot;&quot;,&quot;count&quot;:&quot;0&quot;,&quot;legendonly&quot;:&quot;&quot;,&quot;readonly&quot;:&quot;&quot;,&quot;score&quot;:&quot;0&quot;,&quot;starsonly&quot;:&quot;&quot;,&quot;best&quot;:&quot;5&quot;,&quot;gap&quot;:&quot;5&quot;,&quot;greet&quot;:&quot;Rate this post&quot;,&quot;legend&quot;:&quot;0\/5 - (0 votes)&quot;,&quot;size&quot;:&quot;24&quot;,&quot;width&quot;:&quot;0&quot;,&quot;_legend&quot;:&quot;{score}\/{best} - ({count} {votes})&quot;,&quot;font_factor&quot;:&quot;1.25&quot;}'>
<div class="kksr-stars">
<div class="kksr-stars-inactive">
<div class="kksr-star" data-star="1" style="padding-right: 5px">
<div class="kksr-icon" style="width: 24px; height: 24px;"></div>
</p></div>
<div class="kksr-star" data-star="2" style="padding-right: 5px">
<div class="kksr-icon" style="width: 24px; height: 24px;"></div>
</p></div>
<div class="kksr-star" data-star="3" style="padding-right: 5px">
<div class="kksr-icon" style="width: 24px; height: 24px;"></div>
</p></div>
<div class="kksr-star" data-star="4" style="padding-right: 5px">
<div class="kksr-icon" style="width: 24px; height: 24px;"></div>
</p></div>
<div class="kksr-star" data-star="5" style="padding-right: 5px">
<div class="kksr-icon" style="width: 24px; height: 24px;"></div>
</p></div>
</p></div>
<div class="kksr-stars-active" style="width: 0px;">
<div class="kksr-star" style="padding-right: 5px">
<div class="kksr-icon" style="width: 24px; height: 24px;"></div>
</p></div>
<div class="kksr-star" style="padding-right: 5px">
<div class="kksr-icon" style="width: 24px; height: 24px;"></div>
</p></div>
<div class="kksr-star" style="padding-right: 5px">
<div class="kksr-icon" style="width: 24px; height: 24px;"></div>
</p></div>
<div class="kksr-star" style="padding-right: 5px">
<div class="kksr-icon" style="width: 24px; height: 24px;"></div>
</p></div>
<div class="kksr-star" style="padding-right: 5px">
<div class="kksr-icon" style="width: 24px; height: 24px;"></div>
</p></div>
</p></div>
</div>
<div class="kksr-legend" style="font-size: 19.2px;"> <span class="kksr-muted">Rate this post</span> </div>
</p></div>
<figure class="wp-block-image size-full is-style-default"><img loading="lazy" decoding="async" width="965" height="549" src="https://blog.finxter.com/wp-content/uploads/2023/01/image-114.png" alt="" class="wp-image-1051170" srcset="https://blog.finxter.com/wp-content/uploads/2023/01/image-114.png 965w, https://blog.finxter.com/wp-content/uplo...00x171.png 300w, https://blog.finxter.com/wp-content/uplo...68x437.png 768w" sizes="(max-width: 965px) 100vw, 965px" /></figure>
<h2>Project Description</h2>
<p>In my university days, I often came across scenarios where I needed to convert image files to PDF files and then merge all the PDF files together to submit my assignments. Now, you will find tons of online resources to convert images to PDFs and also merge PDFs. But the big question is – “Are they all safe?” </p>
<p>That is why I decided to take things into my hands and create a script that would not only convert my image files to PDFs but also merge those PDFs together. That is exactly what I will be demonstrating in this project. </p>
<p>So we will be performing a couple of tasks in this project –</p>
<ul>
<li>Convert all the images to PDF files.</li>
<li>Merge all the converted PDF files into a single PDF file. </li>
</ul>
<p>So, without further delay, let us dive into our project.</p>
<h2>Step 1: Install and Import the Necessary Libraries</h2>
<p>We will need to install a couple of libraries that will help us to complete our task. The first library is the PIL (Python Imaging Library) which is Python’s &nbsp;de facto image processing package. To install it, open your terminal and type the following command: </p>
<pre class="EnlighterJSRAW" data-enlighter-language="generic" data-enlighter-theme="" data-enlighter-highlight="" data-enlighter-linenumbers="" data-enlighter-lineoffset="" data-enlighter-title="" data-enlighter-group="">pip install pillow</pre>
<p> The next library that you need to install is known as <a href="https://pypi.org/project/PyPDF2/">PyPDF2</a>. PyPDF2 is a free and open-source pure-python PDF library capable of splitting,&nbsp;merging,&nbsp;cropping<a href="https://pypdf2.readthedocs.io/en/stable/user/cropping-and-transforming.html">,</a> and transforming&nbsp;the pages of PDF files. It can also add custom data, viewing options, and&nbsp;passwords&nbsp;to PDF files. PyPDF2 can&nbsp;retrieve text&nbsp;and&nbsp;metadata&nbsp;from PDFs as well. To install it, open your terminal and type the following command: </p>
<pre class="EnlighterJSRAW" data-enlighter-language="generic" data-enlighter-theme="" data-enlighter-highlight="" data-enlighter-linenumbers="" data-enlighter-lineoffset="" data-enlighter-title="" data-enlighter-group="">pip install PyPDF2</pre>
</p>
<p>Once you have installed the necessary libraries, go ahead and import them into your script. Note that you will also need to import the <a rel="noreferrer noopener" href="https://blog.finxter.com/exploring-pythons-os-module/" target="_blank">os</a> module to open the required files from their respective paths.</p>
<p><strong>Code:</strong></p>
<pre class="EnlighterJSRAW" data-enlighter-language="generic" data-enlighter-theme="" data-enlighter-highlight="" data-enlighter-linenumbers="" data-enlighter-lineoffset="" data-enlighter-title="" data-enlighter-group="">import os
from PIL import Image
from PyPDF2 import PdfMerger</pre>
<h2>Step 2: Fetch the Path of the Source and Destination Directories</h2>
<p>You need to fetch the path of the source folder where you have stored the images and also the path of the destination folder where you will save the PDF files. </p>
<p><strong>Code:</strong></p>
<pre class="EnlighterJSRAW" data-enlighter-language="generic" data-enlighter-theme="" data-enlighter-highlight="" data-enlighter-linenumbers="" data-enlighter-lineoffset="" data-enlighter-title="" data-enlighter-group="">img_dir = './image_files'
pdf_dir = './pdf_files'</pre>
<p>In my case, I have created two different directories by the name ‘<em>image_files</em>‘ and ‘<em>pdf_files</em>‘ within my project folder and then stored them in two different variables which I will be using later on in my code.</p>
<h2>Step 3: Converting Image to PDF</h2>
<p>We are all set to create the image to PDF converter function that will convert an image into a PDF. The idea is to navigate the image folder with the help of the <code>os.listdir</code> method and grab all the image files within it. If an image file is located we open it up using the <code>Image</code> module of the <code>PIL</code> package.</p>
<p>You then have to specify the color profile of the PDF and you can mention that to be <code>RGB</code>. You can do this with the help of the <code>convert</code> function. Then you can directly save this converted RGB image to the destination folder in the PDF format using the <code>save</code> method. To save it as a PDF file you can pass the extension as .pdf as <code>'{0}.pdf'.format(file.split('.')[-2])</code>. That’s it. This should convert all the images in the images folder to individual PDF files. </p>
<p><strong>Code:</strong></p>
<pre class="EnlighterJSRAW" data-enlighter-language="generic" data-enlighter-theme="" data-enlighter-highlight="" data-enlighter-linenumbers="" data-enlighter-lineoffset="" data-enlighter-title="" data-enlighter-group="">def img_to_pdf_converter(): for file in os.listdir(img_dir): if file.split('.')[-1] in ('png', 'jpg', 'jpeg'): image = Image.open(os.path.join(img_dir, file)) coneverted_image = image.convert('RGB') coneverted_image.save(os.path.join(pdf_dir, '{0}.pdf'.format(file.split('.')[-2]))) print("PDF Created!")</pre>
<h2>Step 4: Merge the PDFs</h2>
<p>Once you have all the PDF versions of the image files, you can then merge them using the PyPDF2 library. Go ahead and create an empty list that will store the names of all the PDFs that were created from the image files. Then create an instance of the <code>PdfMerger</code> class that resides with the <code>PyPDF2</code> module. </p>
<p>Then navigate the PDF folder and fetch all the PDF files and merge them together using a for loop and within the for loop use the append method to merge them together. As simple as that! </p>
<p><strong>Code:</strong></p>
<pre class="EnlighterJSRAW" data-enlighter-language="generic" data-enlighter-theme="" data-enlighter-highlight="" data-enlighter-linenumbers="" data-enlighter-lineoffset="" data-enlighter-title="" data-enlighter-group="">def merger(): pdfs = [] merge = PdfMerger() for file in os.listdir(pdf_dir): pdfs.append(pdf_dir+"/"+file) for pdf in pdfs: merge.append(pdf) merge.write('merged_pdf.pdf') merge.close() print("PDFs Merged!")</pre>
<h2>Putting It All Together</h2>
<p>We have successfully created both functions to convert images to PDFs and then merge them. All that remains to be done is to call these functions and your script should work like a charm. <img src="https://s.w.org/images/core/emoji/14.0.0/72x72/1f609.png" alt="?" class="wp-smiley" style="height: 1em; max-height: 1em;" /> </p>
<p>Finally, when you put everything together, this is how the complete script looks like –</p>
<pre class="EnlighterJSRAW" data-enlighter-language="generic" data-enlighter-theme="" data-enlighter-highlight="" data-enlighter-linenumbers="" data-enlighter-lineoffset="" data-enlighter-title="" data-enlighter-group="">import os
img_dir = './image_files'
pdf_dir = './pdf_files' def img_to_pdf_converter(): from PIL import Image for file in os.listdir(img_dir): if file.split('.')[-1] in ('png', 'jpg', 'jpeg'): image = Image.open(os.path.join(img_dir, file)) coneverted_image = image.convert('RGB') coneverted_image.save(os.path.join(pdf_dir, '{0}.pdf'.format(file.split('.')[-2]))) print("PDF Created!") def merger(): pdfs = [] from PyPDF2 import PdfMerger merge = PdfMerger() for file in os.listdir(pdf_dir): pdfs.append(pdf_dir+"/"+file) for pdf in pdfs: merge.append(pdf) merge.write('merged_pdf.pdf') merge.close() print("PDFs Merged!") img_to_pdf_converter()
merger()</pre>
<h2>Conclusion </h2>
<p>Woohoo!!! We have successfully completed our fun project, and now we do not need the aid of any third-party application to convert our images to PDFs or merge our PDFs. I hope this project added some value and helped you in your coding quest. Stay tuned and&nbsp;<strong><a rel="noreferrer noopener" href="https://blog.finxter.com/subscribe/" target="_blank">subscribe</a></strong>&nbsp;for more interesting projects and tutorials.</p>
<hr class="wp-block-separator has-alpha-channel-opacity" />
</div>


https://www.sickgaming.net/blog/2023/01/...er-python/

Chart JS Bar Chart Example

<div style="margin: 5px 5% 10px 5%;"><img src="https://www.sickgaming.net/blog/wp-content/uploads/2023/01/chart-js-bar-chart-example.jpg" width="550" height="265" title="" alt="" /></div><div><div class="modified-on" readability="7.1304347826087"> by <a href="https://phppot.com/about/">Vincy</a>. Last modified on January 11th, 2023.</div>
<p>In this tutorial, we will see examples of using the Chartjs JavaScript library to create bar charts.</p>
<p>This quick example gives you the code to display a simple bar chart on the browser.</p>
<p>The below JavaScript code shows how to include and initiate the ChartJS library. It uses static data to set the bar chart labels and dataset in JavaScript.</p>
<h2>Quick example – Simple bar chart example via ChartJS</h2>
<div class="post-section-highlight" readability="55">
<pre class="prettyprint"><code class="language-php-template">&lt;!DOCTYPE html&gt;
&lt;html&gt;
&lt;head&gt;
&lt;title&gt;Chart JS Bar Chart Example&lt;/title&gt;
&lt;link rel='stylesheet' href='style.css' type='text/css' /&gt;
&lt;/head&gt;
&lt;body&gt; &lt;div class="phppot-container"&gt; &lt;h1&gt;Chart JS Bar Chart Example&lt;/h1&gt; &lt;div&gt; &lt;canvas id="bar-chart"&gt;&lt;/canvas&gt; &lt;/div&gt; &lt;/div&gt; &lt;script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/chart.umd.min.js"&gt;&lt;/script&gt; &lt;script&gt; // Bar chart new Chart(document.getElementById("bar-chart"), { type: 'bar', data: { labels: ["Elephant", "Horse", "Tiger", "Lion", "Jaguar"], datasets: [ { label: "Animals Count", backgroundColor: ["#51EAEA", "#FCDDB0", "#FF9D76", "#FB3569", "#82CD47"], data: [478, 267, 829, 1732, 1213] } ] }, options: { legend: { display: false }, title: { display: true, text: 'Chart JS Bar Chart Example' } } }); &lt;/script&gt;
&lt;/body&gt;
&lt;/html&gt;
</code></pre>
</div>
<p><strong>Output:</strong></p>
<p>This example sets the chart parameters to the ChartJS&nbsp;<em>data</em> and the&nbsp;<em>options</em> array and displays the following bar chat to the browser.</p>
<p>This is a very easy client-side solution to display professional graphical representation in the form of a bar chart.</p>
<p>You can simply use this code in your project by tweaking the data points slightly.</p>
<p><img loading="lazy" class="alignnone wp-image-20228 size-large" src="https://phppot.com/wp-content/uploads/2023/01/simple-chartjs-bar-chart-550x265.jpg" alt width="550" height="265" srcset="https://phppot.com/wp-content/uploads/2023/01/simple-chartjs-bar-chart-550x265.jpg 550w, https://phppot.com/wp-content/uploads/20...00x144.jpg 300w, https://phppot.com/wp-content/uploads/20...68x369.jpg 768w, https://phppot.com/wp-content/uploads/20...-chart.jpg 1156w" sizes="(max-width: 550px) 100vw, 550px"></p>
<h2>Example 2: Horizontal bar chart</h2>
<p>This library supports creating both vertical and horizontal bar charts. But, the default is the vertical bar chart.</p>
<p>In this example, it creates a horizontal bar chart using the ChartJS plugin.</p>
<p>For the vertical or horizontal bar charts, the direction depends on the <em>indexAxis</em> option.</p>
<p>This example sets <em>indexAxis=’y’</em> to display the bars horizontally.</p>
<pre class="prettyprint"><code class="language-php-template">&lt;!DOCTYPE html&gt;
&lt;html&gt;
&lt;head&gt;
&lt;title&gt;Chart JS Horizontal Bar Chart Example&lt;/title&gt;
&lt;link rel='stylesheet' href='style.css' type='text/css' /&gt;
&lt;/head&gt;
&lt;body&gt; &lt;div class="phppot-container"&gt; &lt;h1&gt;Chart JS Horizontal Bar Chart Example&lt;/h1&gt; &lt;div&gt; &lt;canvas id="horizontal-bar-chart"&gt;&lt;/canvas&gt; &lt;/div&gt; &lt;/div&gt; &lt;script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/chart.umd.min.js"&gt;&lt;/script&gt; &lt;script&gt; new Chart(document.getElementById("horizontal-bar-chart"), { type: 'bar', data: { labels: ["Elephant", "Horse", "Tiger", "Lion", "Jaguar"], datasets: [{ label: "Animals count", backgroundColor: ["#51EAEA", "#FCDDB0", "#FF9D76", "#FB3569", "#82CD47" ], data: [478, 267, 829, 1732, 1213] }] }, options: { indexAxis: 'y', legend: { display: false }, title: { display: true, text: 'Chart JS Horizontal Bar Chart Example' } } }); &lt;/script&gt;
&lt;/body&gt;
&lt;/html&gt;
</code></pre>
<p><strong>Output:</strong></p>
<p>This output screenshot plots the bar chart data index on the ‘y’ axis and has the readings on the ‘x-axis.</p>
<p><a href="https://phppot.com/wp-content/uploads/2023/01/chartjs-horizontal-bar.jpg"><img loading="lazy" class="alignnone wp-image-20231 size-large" src="https://phppot.com/wp-content/uploads/2023/01/chartjs-horizontal-bar-550x268.jpg" alt width="550" height="268" srcset="https://phppot.com/wp-content/uploads/2023/01/chartjs-horizontal-bar-550x268.jpg 550w, https://phppot.com/wp-content/uploads/20...00x146.jpg 300w, https://phppot.com/wp-content/uploads/20...68x375.jpg 768w, https://phppot.com/wp-content/uploads/20...al-bar.jpg 1140w" sizes="(max-width: 550px) 100vw, 550px"></a></p>
<p>Previously, we used this JS library to create a pie chart using this ChartJS library. But, it is not supporting to display of 3D pie charts. See the linked article that uses <a href="https://phppot.com/javascript/chartjs-pie-chart/">Google charts for creating the 3D pie chart</a>.</p>
<h2>Example 3: Grouped bar chart</h2>
<p>Grouped bar charts are useful for showing a comparative reading.</p>
<pre class="prettyprint"><code class="language-php-template">&lt;!DOCTYPE html&gt;
&lt;html&gt;
&lt;head&gt;
&lt;title&gt;Chart JS Grouped Bar Chart Example&lt;/title&gt;
&lt;link rel='stylesheet' href='style.css' type='text/css' /&gt;
&lt;/head&gt;
&lt;body&gt; &lt;div class="phppot-container"&gt; &lt;h1&gt;Chart JS Grouped Bar Chart Example&lt;/h1&gt; &lt;div&gt; &lt;canvas id="bar-chart"&gt;&lt;/canvas&gt; &lt;/div&gt; &lt;/div&gt; &lt;script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/chart.umd.min.js"&gt;&lt;/script&gt; &lt;script&gt; new Chart(document.getElementById("bar-chart"), { type: 'bar', data: { labels: ["900", "950", "999", "1050"], datasets: [{ label: "Lion", backgroundColor: "#FF9D76", data: [234, 345, 567, 568] }, { label: "Tiger", backgroundColor: "#51EAEA", data: [233, 566, 234, 766] }] }, options: { legend: { display: false }, title: { display: true, text: 'Chart JS Grouped Bar Chart Example' } } }); &lt;/script&gt;
&lt;/body&gt;
&lt;/html&gt;
</code></pre>
<p><strong>Output:</strong></p>
<p>It displays the record of two animals’ counts at a particular point. This will help compare the readings of two or more indexes.</p>
<p><a href="https://phppot.com/wp-content/uploads/2023/01/chartjs-grouped-bar.jpg"><img loading="lazy" class="alignnone wp-image-20226 size-large" src="https://phppot.com/wp-content/uploads/2023/01/chartjs-grouped-bar-550x272.jpg" alt width="550" height="272" srcset="https://phppot.com/wp-content/uploads/2023/01/chartjs-grouped-bar-550x272.jpg 550w, https://phppot.com/wp-content/uploads/20...00x148.jpg 300w, https://phppot.com/wp-content/uploads/20...68x379.jpg 768w, https://phppot.com/wp-content/uploads/20...ed-bar.jpg 1150w" sizes="(max-width: 550px) 100vw, 550px"></a></p>
<h2>ChartJS <em>type</em> parameter</h2>
<p>ChartJS is a dependable JS library to create and display graphs on a webpage.</p>
<p>In a previous tutorial, we have seen <a href="https://phppot.com/javascript/chartjs-line-chart/">how to create a line chart using this ChartJS library</a>.</p>
<p>Also, it supports generating more types of charts. The&nbsp;<em>type</em> parameter is used to define the type of the chart.</p>
<p>The dataset and the options definition may vary based on the type of chart.<br /><a class="download" href="https://phppot.com/downloads/javascript/chartjs-bar-chart.zip">Download</a></p>
<p> <!-- #comments --> </p>
<div class="related-articles">
<h2>Popular Articles</h2>
</p></div>
<p> <a href="https://phppot.com/javascript/chart-js-bar-chart-example/#top" class="top">↑ Back to Top</a> </p>
</div>


https://www.sickgaming.net/blog/2023/01/...t-example/