From here on out I’ve decided to do an investment post every week. I’ll spend my time doing an analysis of what I’m going to invest in and go over how it has been determined. Particularly, I’m going to be focusing on cryptocurrencies a stand alone investment (i.e. not mix with Stocks, although Project Piglet supports that).
Bitcoin (BTC) – 02/14/2018
First, I’ll review Bitcoin. It’s been a rough month watching it’s value drop from ~$20,000 to right around $9,200 at the time of this post. That being said, having been watching / holding bitcoin since 2009 – it’s nothing new.
Today, Bitcoin is at a “sell” state:
Meaning, I should probably sell the Bitcoin (if I have any). There will likely be another downturn soon, so it’s worth selling now, and buying again later.
Bitcoin Cash (BCH) – 02/14/2018
Bitcoin Cash has similarly had a wild ride (perhaps even more than Bitcoin). Today it’s sitting at a “hold”, on projectpiglet.com, I somewhat agree with that sentiment. There really isn’t much discussion about it, and thus the buy / sell information is somewhat foggy. Honestly, I wouldn’t buy Bitcoin Cash any time soon, and I’d cash out on the next up day.
Litecoin (LTC) – 02/14/2018
When I personally saw the Litecoin price, I cashed out immediately. Even if it goes up further, I’ve secured my ~30% gain (bought around ~$160 January 17th, sold at ~$210) in about one month.
It’s likely I’ll be putting money back in shortly, however – today I’m just going to sit on my earnings. The discussion in a previous article: Causality in CryptoMarkets, suggests that time should be roughly a week.
Ethereum (ETH) – 02/14/2018
Following the trend for the day, Ethereum is a sell as well. If you had bought around February 5th as Piglet suggested you would have made money (between 5% – 50% depending on the day). For the most part though, Ethereum has been a solid sell and I still recommend that.
Personally, I have not held Ethereum since December, and I’d recommend waiting until a new period to buy (if you’re interested in holding Ethereum).
Overall Holdings – 02/14/2018
Today, I’m sitting at roughly 58% cash, with some other minor holdings I’m sitting on simply because I don’t want to pay the taxes (plan to hold for twelve months, so I only pay capital gains):
Essentially, I’m completely in cash for short term investments. We’ll see what the next few days hold to see if we’ll buy any more.
For many websites graphics are an intricate component, for ProjectPiglet.com it’s a requirement.
In this article, we will discuss our old design, and why it didn’t work. Followed by the new design and implementation of our chart view(s) on mobile. We view this as a guide for anyone looking to improve their chart design on mobile, as many of them could use similar improvement.
It’s important to mention the old design, which in my opinion – is barely usable. Below is a screen shot of the header view and the graph view (screen size of a Nexus 6p):
Here are a few of the issues with this design, but we will focus on the chart only. Below are some of the issues we were able to identify:
Having two yAxises took up roughly 50% of the potential chart area, making it hard to read
Occasionally, the cross section would be off the chart
The tooltip didn’t automatically adjusted to screen size
At the time (not shown in the image) the legend was set to a specific y locaion, which would put it over the “sources” text
For the sake of being through, below is a marked up image of ProjectPiglet.com‘s asset view, identifying the issues:
There’s also the Experts’ Opinion view (of Bitcoin), where it’s clear the tooltip is too large:
As you can see, the charts hard to read, the tooltip is off the screen and so on… This lead to an increased bounce rate, and 50% reduction in time spent on the website, pageviews, etc.:
Meaning, this issue is costing money!
** Note: Because we are working with Highcharts, from here on out the implementation details will be regarding Highcharts, but the principles remain constant across frameworks.
New Mobile Chart Design
Our whole product is notifications and charts. We need both to be as clean and smooth as possible. We still have a long way to go, but the initial thoughts on the new design are as follows:
Maximize chart size
Tooltip should fit within screen
No zoom with fingers (happens by accident too often)
Cross-section should be clear and on the mobile device
Hide most of the data besides the chart (“a picture is worth a thousand words”)
With that in mind, we think we’ve done a pretty good job with the next secution covering the resizing based on screen size.
Dynamic Chart Resizing & Altering (Highcharts)
First, let me say, Highcharts is wonderful. There is a licensing fee for commercial use (now), but in my opinion it’s worth it. That being said, there are quite a few issues I’ve overcome while working with Highcharts. Particularly, dynamically resizing and altering options of a chart.
Overall, this isn’t hard to do, but it’s not well documented (if at all). The majority of the time I’ve had the resizing of the chart work on Highcharts without a hitch. However, altering the yAxis (we have two) or tooltip is not automated, thus customization is needed. The easiest way to achieve our goals is to add a function to the “load” event on the chart; by default this is undefined.
Inside the function, I check the window width (to see if it’s on mobile), then remove the title and label (but not the entire axis) for the first axis, and remove the visibility of the second axis. Finally, to ensure the tooltip was within range, I also dynamically set the tooltip size on the chart (2/3 the window size).
With that, we go from the hard to read, shrunken cart above (Experts’ Opinion chart), to one that at least fits on the screen. Below you can see a comparison (note this test screen is 320px wide):
Maximizing Chart Space
One of the other aspects to improve on mobile was maximize the chart impact. In an attempt to achieve this, I decided to hide all of the sections behind a “details” HTML element, only on mobile view:
The text hiding, combined with our chart view creates a pretty nice UI on mobile (based on Nexus 6p view):
From the comparison it is clear the graph is much more pronounced now, easier to read, and everything has been aligned properly. More over, the chart appears right on the page; plus the meta data (hidden behind the details section) are even easier to read:
Perhaps there are still improvements, but for now it’s at least usable (which was questionable before).
After improving the mobile UI for charts, it’s clear: charts need to be front and center. Everything is less important. The conversion rate(s) and usablity of many sites depend on charts / graphics, thus they should be cared for. Ideally, everyone would view charts on a desktop, as it provides the largest viewing space, but being prepared for mobile (roughly 50% of the traffic) is a requirement.
I should note, there are some drawbacks to this particular design / implementation. For one, you lose the view of the yAxis. Typically, this would bother me a ton (coming from a math background). However, we are limited on space when working with mobile and I personally feel it’s a worthy trade. There is also a small risk I took by altering the chart based on window size, as opposed to screen size. This means that even people using a desktop with a browser set smaller than 900px will see the mobile view. Personally, I’m alright with this, as I believe it’s an improved experience none-the-less.
On a whole, I’m much happier with the new design, especially given I use the mobile version of the site daily. If you have any suggestions, questions, or conerns feel free to reach out!
We’re off to a great start! We launched our 3rd beta about two weeks ago and have been growing steadily (welcome new comers!).
Most of the work the past two weeks has been centered around adding a social media presence and generally cleaning up the code / website. Below is a list of some of the new features / additions to Project Piglet.