Kristy Royal

Recent Posts

Custom Data Visualizations Using D3 and React - Part 3

December, 01 2020 | How-To, Datafication

Challenge #3: Reusability

  In case you missed the first or second blog in our custom data visualization series, feel free to catch up on them now.  Or, if you prefer, simply skip ahead  to the end of this article to skip to the end to see the code for all of the parameters passed through the customized timeline component.

The third challenge is to make the data visualization software reusable to other developers on the team. The data visualization is meant to be reused in multiple different projects, with varying data sets, that don’t necessarily match the type of data in the original data visualization which this is built for. Although it’s extra work up front to create this data visualization to be reusable, there are multiple benefits long-term.

[Read More]

Update! Creating a Custom Material-UI Theme

November, 18 2020 | How-To, User Interface

Last year, I created a series of blogs regarding creating a custom Material-UI theme (Part 1, Part 2, Part 3). While many parts of that blog are still relevant, such as how to customize different components, Material-UI (user interface) has streamlined the process to create a custom theme.

[Read More]

Custom Data Visualizations Using D3 and React - Part 2

November, 05 2020 | How-To, Datafication

  Did you miss the first blog in our Custom Data Visualization series? Check it out here. Or,  if you prefer to skip to the end to see the code, just click here.

[Read More]

Custom Data Visualizations Using D3 and React- Part 1

February, 21 2020 | How-To

       Anyone who’s spoken with me in the last six months has found out that D3.js is my new favorite obsession. I recently got the opportunity to use D3.js to create a customized data visualization for the current client. This client handles large, complicated, and unique data sets. Therefore, there are many occasions where standard data visualizations won’t suffice. There were several unique challenges when creating this data visualization.

[Read More]

Creating a Custom Material UI Theme Part 3: Customizing Individual Components

November, 15 2019 | How-To, Emerging Trends, User Interface

      Many of the components for Material UI are easy to customize. For components such as Badges and Circular Progress, you can add color options by adding an additional variant to the theme. For instance, when calling a badge using a primary color, you would use <Badge color=”primary” />. In order to use an info color, you could use <Badge color=”info” />, and add under MuiBadge : { colorInfo: {…}} to the theme. You can interchange “info” with any color name you choose.

[Read More]

Creating a Custom Material UI Theme Part 2: Setting Up Your Customized Theme

August, 21 2019 | Personalization, How-To, User Interface

       Creating a truly customized theme for Material UI can be a daunting task. There is some documentation available on the Material UI website, but it’s limited. And it doesn’t quite cover all of the options you may want to customize. For example, Material UI uses only two main colors (primary and secondary), and the color scheme I created has three main colors – I added a default color. In addition, you can’t just add different color options in one spot – they have to be added to each component (there are over 30) that you want to have more than 2 color options. Here are some tips and tricks beyond the minimal documentation that’s already available.

[Read More]

Creating a Custom Material UI Theme Part 1: Customizing a Color Scheme

       The standard Material UI color palette is extensive – and for good reason. If you’ve ever built a website or a software application, you’ll quickly realize that you need more colors than you could ever imagine.

[Read More]

Company Branding Through the Art of Effective Storytelling

February, 20 2019 | How-To, Research Methods, Emerging Trends

      Effective storytelling is simple, unexpected, credible, concrete, and emotional. Simplicity breaks the story down into a digestible piece. The unexpected and emotional elements leave a mark on the viewer’s brain and heart, making it memorable. If a story isn’t credible and concrete, it lacks merit and loses its value. A great story leaves a memorable impact on potential customers and keeps your brand at the forefront of their minds when looking for the services you offer. It begins with your company’s purpose, then how to solve a customer’s problem.

[Read More]