#hchs!false

[hermitcrafths]

Yeah if I’m going to kill somebody I’d at least want to do it in a way that’s actually interesting-Kari

false: fair! alright, what do you want to eat? we have a lot of different ‘stations’ with different types of food

[hermitcraftheadcanons]

Hardcore Hermits Headcannons, anyone? (HHH, lol)

The fourth HCH happens randomly, with no warning. One day the Hermis notice Scar, False, Xisuma, Zedaph, Impulse, and Tango missing. They have no idea where they went.

Meanwhile, teams GFX and ZIT are dropped into a familiar world, right next to each other. They don’t know what’s happening, but they stick together. They only realize that it’s hardcore when a skeleton gets the better of False, getting one arrow off before it died. She didnt regen.

They’re playing on ultra hardcore, and they don’t know how to get out other than to complete the objective. (You can decide what the objective is, my brain is gone.)

- 🔦 (hopefully there’s no flashlight anon yet)

Yes!! It's always a good time for Hardcore Hermits headcanons! I don't have anything too clear to add to this, but here are some assorted thoughts:

- The objective is to kill the dragon, with the victory going to whichever team actually gets the final blow. However, the Hermits are hesitant to do that when they don't know what will happen to the losing team, so they decide to work together to figure out what's going on while acting like they're competing until the last second

- Team ZIT (and Impulse especially) are useful for first aid and general advice on how to deal with not having regen, since they made that mistake in HCH season 1

- The season was started by some powerful entity that got bored and wanted a show (maybe a Watcher messing with them)

- Everyone is going to freak out a bit when the first person dies, only to be very relieved to find that they can still communicate and observe just like in normal seasons

- That's a whole lot of people to get beds for in the early stages, so for the first few days they can't skip night. They gather a few beds and sleep in shifts, with at least one person on watch to protect them

- Just...all of them defending each other, helping each other when they get hurt, doing basic survival things like finding food, trying to comfort each other with humour when things get hopeless... that's just a really nice thought in my opinion

I like Hardcore Hermits a lot. Can you tell? (Also, massive apology for how long this has been sitting in drafts!)

- Mod Shade

[shadeswift99]

hello, sorry if this is a silly question but what is hch?

Oh I'm so glad you asked

HCH - Hardcore Hermits - was a three-season-long spinoff series done by the Hermits in 2018 (?) in teams of three. Each season began with the teams in their own seperate but identical worlds, in the most recent snapshot, with a challenge to complete in hardcore mode within a given number of 20 minute episodes... assuming they could stay alive that long. There were several teams, but I've only watched Team ZIT so far. I highly recommend their perspective if you like a healthy dose of teamwork, chaos, close calls, and of course, humour. Each season is fairly short and all of them stand alone, so it's not a huge time commitment either! Very easily bingeable.

As for other teams...I think GFX (False, Xisuma, and...I want to say Scar?) were a team in all three seasons, and I know there was an nHo team in season 1 (I don't think they had a particularly good go of it), and I think there was a team involving Wels and Jevin? But aside from that you'd have to look it up. Which I encourage you to do!

Hardcore Hermits is a really underrated and weirdly unknown bit of content, but it's so fun. Really good for, say, a quick thing to get into between seasons of Hermitcraft or after 3rd Life ended and people just want something comparatively chill but still with that special hardcore flavour...this has been your regularly scheduled HCH propaganda. Let me know if you end up watching! :)

[godsmysteriesrevealed]

THE ONLY NAME

Hch 4:12  Neither is there salvation in any other: for there is none other name under heaven (JESUS THERE ARE MILLIONS)given among men, whereby we must be saved.Flp 2:9  Wherefore God also hath highly exalted him, and given him a name which is above every name: (BECAUSE IT INCLUDES GOD'S NAME YHWH EXODUS 23:21)YAHUWAH KNEW THAT YOU WOULD DENYHIM HIM THAT'S WHY HE SAID:Joh5:43 I(YasHuWaH)am come in my Father's name, and ye receive me not: if another shall come in his own name, (JESUS CHRIST)him ye will receive.YASHUWAH SAW THE ARRIVAL OF THIS FALSE SAVIOR AND SAID:Joh14:30 Hereafter I will not talk much with you: for the prince of this world(CESAR BORGIA = SALVADOR MUNDI = JESUS CHRIST)cometh, and hath nothing in me.AND TO PREVENT US FROM THIS FALSE CHRIST, YASHUWAH SAIDLuc 21:8  And he said, Take heed that ye be not deceived: for many shall come in my name, saying, I am Christ; and the time draweth near: go ye not therefore after them.Joh3:18 He that believeth on him(YASHUWAH)is not condemned: but he that believeth not is condemned already, because he hath not believed in the name of the only begotten Son of God.AND THIS IS WHY THE NAME YASHÚA = YASHUWAH WHICH MEANS “GOD SAVES” , IS THE MOST ERASED NAME IN THE HISTORY OF THE WORLD. THIS IS THE NAME THAT YOU WILL NOT FIND IN YOUR BIBLE BECAUSE THE ROMAN PROSTITUTE THAT TRANSLATED THE BIBLE,DAMASUS ,JERONYMO, EUSEBIUS, GREECE ALSO DRUNKED FROM THE SAME CUP OF VOMIT THEY HAVE SHARED THIS WINE WITH THE WORLD SO THAT THEY WILL NOT ENTER THE SMALL DOOR WHICH IS YASHUWAH MORE THAN A MULTITUDE OF DRUNKS WILL ENTER THE LARGE DOOR  WHICH IS JESUS I.E ZEUS = IESUS YOU WILL RECEIVE WHAT IS FROM CESARJoh 12:31 Now is the judgment of this world: (CESAR BORGIA / SALVADOR MUNDI / JESUS CHRIST)now shall the prince of this world be cast out.WE ARE ALL WITNESSES TODAY THAT ALL THE CHRISTIAN NATIONS OF THE WORLD ARE ON FIRE, WITH THE FIRE OF THE PLAGUE (2 THES 1: 7-8-9)

[mbaljeetsingh]

Creating Beautiful Charts Using Vue.js Wrappers for Chart.js

Charts are an important part of modern websites and applications. They help to present information that cannot be simply represented in text. Charts also help to make sense of data that would ordinarily not make sense in a textual format by presenting them in a view that's easy to read and understand.

In this article I will show you how to represent data in the form of various types of chart with the help of Chart.js and Vue.js. Chart.js is a simple yet flexible JavaScript charting library for developers and designers that allows drawing of different kinds of chart by using the HTML5 canvas element. A good refresher on Chart.js can be read here.

Vue.js is a progressive JavaScript framework, which we'll use alongside Chart.js to demonstrate the chart examples. There's an awesome primer on using Vue.js on Sitepoint and that can be read here. We'll also be using vue-cli to scaffold a Vue.js project for the demo we are going to build. vue-cli is a simple CLI for scaffolding Vue.js projects. It offers various templates from which an app can be built, but we will be using the webpack template to bootstrap our app.

Charts, Charts, Charts

There are different types of JavaScript charting libraries and various chart wrappers built on Vue.js, but as we are focused on Chart.js in this article, we will be looking at Vue wrappers for Chart.js.

There is an awesome collection of Vue wrappers for charts on the awesome-vue repo on GitHub but we are only interested in the following Chart.js wrappers:

vue-charts

vue-chartjs

vue-chartkick

We will be using the various wrappers to demonstrate how to create different types of chart and also touch on the unique features that each of these wrappers possesses.

Scaffolding the Project with vue-cli

Let's get started by installing vue-cli with the following command:

npm install -g vue-cli

Once that's done, we can then get started with scaffolding a project by typing in:

vue init webpack my-project

We are specifying that we want a Vue.js app created for us with the webpack template and the name of the project as my-project. Respond to all of the questions and let vue-cli do the rest of the magic. Awesome!

Now let us go ahead to install the dependencies and Chart.js wrappers needed for our app:

npm install chart.js chartkick hchs-vue-charts vue-chartjs vue-chartkick

Tip: If you use npm 5, no need for the --save flag anymore as all packages are automatically saved now. Read more about that here.

This will install all the dependencies and Chart.js Vue wrappers needed. Let's test what we have so far and run our application and see if the app was successfully created. According to the vue-cli docs, running npm run dev will create a first-in-class development experience in which we can interact and engage with our app. So let's do that.

npm run dev

You can visit localhost:8080 in your browser to see the welcome page.

Adding Routes

Next thing we want to do is create the different routes in which we can view the charts for each of the wrappers above. At the end, we would like to have a /charts route to display charts made with the vue-charts wrapper, /chartjs to display charts made with the vue-chartjs wrapper, and lastly /chartkick to display charts made with the vue-chartkick wrapper.

Navigate to the router folder of the app and open up theindex.js file. Let's replace the content of that file with this:

import Vue from 'vue' // Import Vue from node_modules import Router from 'vue-router' // Import Vue Router from node_modules import Home from '@/components/Home' //The Home component that's in charge of everything we see on the app's homepage import VueChartJS from '@/components/VueChartJS' //The VueChartJS component that displays the vue-chartjs charts. import VueChartKick from '@/components/VueChartKick' //The VueChartJS component that displays the vue-chartkick charts. import VueCharts from '@/components/VueCharts' //The VueChartJS component that displays the vue-charts charts. //Specify that we want to use Vue Router Vue.use(Router) export default new Router({ routes: [ { path: '/', name: 'Home', component: Home }, { path: '/chartjs', name: 'VueChartJS', component: VueChartJS }, { path: '/chartkick', name: 'VueChartKick', component: VueChartKick }, { path: '/charts', name: 'VueCharts', component: VueCharts } ] })

Before we discuss the code above, make sure to create the files below in the src/components/ folder. This is done so that the routes defined above have their own component.

VueChartJS.vue

VueChartKick.vue

VueCharts.vue

So what's happening in the code block above?

We imported some files which are the Vue components that we created above. Components are one of the most powerful features of Vue. They help us extend basic HTML elements to encapsulate reusable code. At a high level, components are custom elements that Vue’s compiler attaches behavior to.

Lastly, we defined the routes and components which will serve the different pages we need to display the different charts.

Home Component

As mentioned above, the Home component serves as the default (/) route and we will need to create it. We can do that, or simply rename the existing Hello.vue file to Home.vue and replace the content with the code block below.

<template> <section class="hero is-success is-fullheight"> <div class="hero-body"> <div class="container"> <h1>Creating Beautiful Charts Using Vue.js Wrappers For Chart.js</h1> <ul> <li><router-link to="/chartjs">vue-chartjs</router-link></li> <li><router-link to="/charts">vue-charts</router-link></li> <li><router-link to="/chartkick">vue-chartkick</router-link></li> </ul> </div> </div> </section> </template> <script> export default { name: 'home' } </script> <!-- Add "scoped" attribute to limit CSS to this component only --> <style scoped> .home { display: flex; align-items: center; align-content: center; justify-content: center; } h1, h2 { font-weight: normal; } ul { list-style-type: none; padding: 0; } li { display: inline-block; margin: 0 10px; } a { color: #42b983; text-decoration: underline; } </style>

Adding Bulma

One more thing before we start adding charts. Let's add the Bulma CSS framework to the app. This should make things easier when it comes to CSS.

Open the index.html in the root of the app directory and add the following inside the head tag:

<link href="http://ift.tt/2tDWOOi; rel="stylesheet">

We can now move on to creating charts!

Making Charts with vue-chartjs

vue-chartjs is a Chart.js wrapper that allows us to easily create reuseable chart components. Reusability means we can import the base chart class and extend it to create custom components.

With that being said, we will be demonstrating 4 types of charts that can be built using vue-chartjs: A Line Chart, Bar Chart, Bubble Chart, and a Bar Chart that demonstrates Reactivity (the chart updates whenever there's a change in the dataset).

So before we go ahead, make sure these files are created inside the src/components/ folder.

LineChart.vue

BarChart.vue

BubbleChart.vue

Reactive.vue

Line Chart

To create a Line chart, we will create a component to render this type of chart only. Open the LineChart.vue component file inside the src/components folder and type in the following code:

<script> //Importing Line class from the vue-chartjs wrapper import {Line} from 'vue-chartjs' //Exporting this so it can be used in other components export default Line.extend({ data () { return { datacollection: { //Data to be represented on x-axis labels: ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'], datasets: [ { label: 'Data One', backgroundColor: '#f87979', pointBackgroundColor: 'white', borderWidth: 1, pointBorderColor: '#249EBF', //Data to be represented on y-axis data: [40, 20, 30, 50, 90, 10, 20, 40, 50, 70, 90, 100] } ] }, //Chart.js options that controls the appearance of the chart options: { scales: { yAxes: [{ ticks: { beginAtZero: true }, gridLines: { display: true } }], xAxes: [ { gridLines: { display: false } }] }, legend: { display: true }, responsive: true, maintainAspectRatio: false } } }, mounted () { //renderChart function renders the chart with the datacollection and options object. this.renderChart(this.datacollection, this.options) } }) </script>

Let's discuss what the code above is doing. The first thing we did was import the chart class we needed (in this case, Line) from the vue-chartjs and exported it.

The data property contains a datacollection object which contains all the information we'll need to build the Line chart. This includes the Chart.js configuration, like labels, which will be represented on the x-axis, the datasets, which will be represented on the y-axis, and the options object, which controls the appearance of the chart.

The mounted function calls renderChart() which renders the chart with the datacollection and options objects passed in as parameters.

Now, let's open the VueChartJS.vue file and type in the following code:

Continue reading %Creating Beautiful Charts Using Vue.js Wrappers for Chart.js%

via SitePoint http://ift.tt/2w1kXyW

[hermitcrafths]

(I was actually going to have Kari and false talk until that interaction was done)

It’s not bad you know but it did bleed so that merits checking out a little bit, Damn it you’ve infected me with caution-Kari

false: that’s good, you needed some of that

(yea milly’s leaving soon, and cleo is chilling there so they can finally interact)

[hermitcrafths]

(Complete little shit)

Realistically i should probably go to the infirmary you got my nose pretty good earlier- Kari

false: *laughs* yeah

(since milly and cleo are also heading to the infirmary theres likely gonna be a cross interaction, good luck with that)

[hermitcrafths]

You’re right- Kari, smug bastard

false: what do you want to do after? (They’re eating rn)

(theyre an asshole)

[hermitcrafths]

No, was talking to it not you-Kari

false: alright, I’m sure the Entity is so intimidated right now

(Im not)

[hermitcrafths]

That’s good, it better stay that way-Kari

false: honestly theres no promises when it comes to the Entity

(should i make my sona have a design to fit like an entity-like feel for the funsies since im apparently a character now??)

[hermitcrafths]

That’s good, do they do much other than that?-Kari

false: they like messing with other students sometimes, i just happen to not be one of the victims i guess

[hermitcrafths]

Damn. Mysterious entity be nice to false or I will find a way to throw hands-Kari

(She’s threatening you)

(oh shit-)

false: *laughs* honestly they dont mess with me that much

[hermitcrafths]

Have you tried biting the entity it might be fun?-Kari

(what.)

false: that doesnt exactly work, they dont seem to have a physical form as far as we’re aware

[hermitcrafths]

That’s probably a hassle for whoever is in charge of enrollment-Kari

false: honestly enrollment is weird, once a student appears at the entrance something that we call Entity (me) kinda just summons one of us to help with the process

[hermitcrafths]

You’re too normal and you get vaporized on entrance.-Kari

false: honestly just stepping into this dimension will cause something to happen to you if you’re too normal

[hermitcrafths]

*she burst into giggles hiding her face in her shoulder*-Kari

false: *chuckles too* i doubt ‘normal’ exists in this dimension at all if we’re gonna be real